资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery滚动顶部,从顶部向下滑动

jquery 如何实现回顶部 带滑动效果

返回顶部:设置为body的scrollTop为0

创新互联公司长期为1000多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为贞丰企业提供专业的做网站、网站设计贞丰网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

滑动效果:animate(Jquery的自定义动画)

$("#returnTop").click(function () {

var speed=200;//滑动的速度

$('body,html').animate({ scrollTop: 0 }, speed);

return false;

});

备注:returnTop为触发返回顶部的元素ID

jquery 滚动条滚回顶部是怎么判断的

看明白了吗??

你要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了

要获取底端 只要获取scrollTop()=$(document).height()-$(window).height() 就可以知道已经滚动到底端了

$(document).height() //是获取整个页面的高度

$(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧

其实你可以自己做个实验就知道了

$(document).scroll(function(){

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


当前名称:jquery滚动顶部,从顶部向下滑动
本文地址:http://www.cdkjz.cn/article/dsdiepj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220