jquery使用animate滚动滚动条不能动怎么办

jquery使用animate滚动滚动条不能动怎么办,第1张

//你犯了一个超低级的错误,停止动画的时候出错了

if(top > 2 && top <nowHeight){

//设置滚动条高度为第一屏高度

htanimate({"scrollTop":nowHeight},1000,function(){

htstop(true,true);

//修改这里就行了

});

}

参考这里:>

使用jquery必须注意:jquery的事件、方法等等,都是建立在jquery对象的基础上的,也就是你调用任何的jquery事件或方法都必须$()以后才能使用。

语法: $(element) scrollTop() /$(element) scrollTop(val) ;

eg: 当匹配元素为当前页面,那么当前滚动条到整个页面顶端的距离

var winPos =$(window) scrollTop ();

$(element) offset()top ; $(element) offset()left ;

$( window ) scroll (function(event){

});

$(window)bind("scroll", function(){

var top = $(this)scrollTop(); // 当前窗口的滚动距离

});

如果使用原生js,可以这样写(摘自网上的):

/

获取滚动条距离顶端的距离

@return {}支持IE6

/

function getScrollTop() {

var scrollPos;

if (windowpageYOffset) {

scrollPos = windowpageYOffset; }

else if (documentcompatMode && documentcompatMode != 'BackCompat')

{ scrollPos = documentdocumentElementscrollTop; }

else if (documentbody) { scrollPos = documentbodyscrollTop; }

return scrollPos;

}

前置条件:

div作为盒子限制高度,并设置overflow:auto。在内容超溢出时会出现滚动条(默认Y轴)

实现滚动条滚动到指定位置有两种情况:无效果 和 有动画效果

(1)无效果--直接使用scrollTop方法

//100为高度,单位px

$('box')scrollTop(100)

(2)有效果--使用animate方法

//100为高度,单位px;300为时间,单位ms

$('box')animate({scrollTop:100},300)

以上就是关于jquery使用animate滚动滚动条不能动怎么办全部的内容,包括:jquery使用animate滚动滚动条不能动怎么办、JQuery监听页面滚动事件及scrollTop(),offset().top总结、原生js或jQuery怎么让滚动条只能滚动固定的距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10039877.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存