jQuery控制页面滚动条上下滚动

Posted hofmann

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery控制页面滚动条上下滚动相关的知识,希望对你有一定的参考价值。

1.向上滚动

 $(this).animate({ scrollTop: "-=50" }, 1000);

2.向下滚动

  $(this).animate({ scrollTop: "+=50" }, 1000);

参数解读:$(this)表示要实现上下滚动的对象,-50表示向上滚动50px , +50表示向下滚动50px ,1000表示滚动速度

 

以上是关于jQuery控制页面滚动条上下滚动的主要内容,如果未能解决你的问题,请参考以下文章

JS或者jquery做 一个div不随滚动条上下移动改变位置的效果,就是div始终保持在浏览器的一个位置,不用css

jQuery循环代码可以像滚动条一样上下滚动

jquery中的scrollTop控制浏览器的滚动条

几条jQuery代码片段助力Web开发效率提升

jquery如何获取元素的滚动条高度等实现代码

jquery 让DIV相当于body定位,然后随滚动条向下滚动