如何解决页面加载或刷新时自动滚动至顶部的问题
如何解决页面加载或刷新时自动滚动至顶部的问题
嘿,我之前也碰到过同款模板的小问题!这种一刷新就自动跳回页面顶部的情况,大概率是这个Impact模板自带的JavaScript代码里,偷偷加了强制滚动到顶部的逻辑,咱们一步步排查解决就行:
- 先找到模板里的自定义JS文件,一般是叫
main.js、custom.js或者scripts.js这类命名的文件 - 打开文件后,搜索关键词比如
scrollTo、scrollTop,找找有没有类似window.scrollTo(0, 0)、document.documentElement.scrollTop = 0,或者用jQuery写的$('html, body').scrollTop(0)这类代码——这些就是触发自动滚顶的元凶 - 要是找到了,直接把这段代码注释掉(在代码开头加
//)或者删掉就可以了 - 另外还要留意页面加载完成的事件监听,比如
window.addEventListener('load', function() { ... })或者jQuery的$(window).on('load', function() { ... }),如果这些事件里嵌套了滚顶的逻辑,也要一起处理掉
要是上面的方法还没搞定,你可以再检查下模板的CSS或者页面初始化的锚点设置,但90%的情况都是JS代码在搞鬼,按上面的步骤排查肯定能解决~
内容来源于stack exchange
相关产品推荐
相关产品推荐

