
正文
jquery滚动顶部,从顶部向下滑动
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery 如何实现回顶部 带滑动效果
返回顶部:设置为body的scrollTop为0
滑动效果:animate(Jquery的自定义动画)
$("#returnTop").click(function () {
var speed=200;//滑动的速度
$('body,html').animate({ scrollTop: 0 }, speed);
return false;
});
备注:returnTop为触发返回顶部的元素ID
相关问答
Q1: jquery 滚动条滚回顶部是怎么判断的
看明白了吗??
你要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了
要获取底端 只要获取scrollTop()=$(document).height()-$(window).height() 就可以知道已经滚动到底端了
$(document).height() //是获取整个页面的高度
$(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧
其实你可以自己做个实验就知道了
$(document).scroll(function(){
Q2: jquery怎么禁止页面滚动到顶部
jquery禁止页面滚动到顶部的方法:
$('#container').hover(function() {
$(window).scroll().disable();
$(this).scroll().enable();
}, function() {
$(window).scroll().enable();
});
控制以下几点:
Catch scroll event on the current element
Cancel the scroll event
Manually scroll the current element only







