优艾设计网

回到顶部问题?

优艾设计网 https://www.uibq.com 2023-04-17 15:17 出处:网络 作者:在线设计
<scirpt>$(\"#go-top\").click(function(){ $(\"body,ht优艾设计网_设计圈ml\").animate({\"scrollTop\":0}) })</script> 我做了一个回到顶部的按钮,点击按钮之后回到顶部,用鼠标滚轮往下滚,页面会抖动


<scirpt>
$("#go-top").click(function(){

$("body,ht优艾设计网_设计圈ml").animate({"scrollTop":0})

})
</script>

我做了一个回到顶部的按钮,点击按钮之后回到顶部,用鼠标滚轮往下滚,页面会抖动,但是不能滚不去。要过滚几次才能滚动页面。求教怎么解决


asdaassdd 2022-06-23 08:47

优艾设计网_PS论坛

首先,题主你这代码是没问题的。


小窝窝12345 2022-06-23 08:54

优艾设计网_设计客

然后,一般浏览器的scrollTop都是body上的,所以这个$(body,html)的jq选择器有点浪费性能,相当于分别给document和document.body同时设置了scrollTop等于0。


夏影_羽根 202优艾设计网_Photoshop论坛2-06-23 08:55

原因应该是点击多次产生的,你可以让它点击一次后隐藏,滚动条滚动一定高度以后再让它显示


tizitutu 2022-06-23 09:03

优艾设计网_设计百科

这个代码太过于简单,不会有什么问题,如果还有闪动,那就应该不是这句代码造成,检查其他事件监听器相关代码。


M95****50 2022-06-23 优艾设计网_设计客09:08

$("body,html").animate({scrollTop:0})


hhb888 优艾设计网_PS百科 2022-06-23 09:09

试试看换成$(window).animate({"scrollTop":0});


0

精彩评论

暂无评论...
验证码 换一张
取 消