首页 > 解决方案 > 移动网站体验自动向上滚动

问题描述

每当在移动设备上查看此站点时,它的滚动都不稳定。每当用户尝试在联系表格中输入他们的详细信息时,该网站都会自动向上滚动。

这种自动向上滚动也很难向下滚动。

我认为黄色的“返回顶部”按钮可能是导致问题的原因,因此我删除了该按钮的代码以尝试查看是否是原因 - 但事实并非如此。

我不完全知道还有什么可能导致这个问题......

“返回顶部”按钮的代码:

<div id="hs-back-top" class="animated bounceInRight">
   <i class="fa fa-angle-up">
     ::before == $0
   </i>
</div>

标签: javascriptphphtmlcss

解决方案


无论详细信息是否已添加到为查询而创建的表单中,该页面都会向上滚动到顶部 -

如果没有看到所有代码,我将无法说更多,但我可以推测正在发生的是:

当代码完成运行时,将触发将页面发送到顶部的函数:

这可能是如果触发顶部元素的 onclick 函数 -

我以前遇到过类似他的问题,必须通过 onClick 或 EventListener('click', function(){

})

返回一个将页面带回顶部的函数 -

抱歉,这没有更多帮助,但我无法对所提供的内容发表更多评论,

希望这会有所帮助,W


推荐阅读