在 H5 项目中,经常会有一些较多篇幅的内容需要允许用户滚动显示,例如“活动规则”、“隐私条款”啥的。采用的技术通常是 page / wrapper / content 的配置,然后设置 css 样式。
#wrapper { position: absolute; width: 100%; top: 1rem; bottom: 1rem; box-sizing: border-box; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
很多情况,都需要再次回到此页面的时候,内容都是从最上方的初始状态开始的(尤其是当用户之前滚动到最下方的时候),重置的方法如下:
//document.getElementById('wrapper').scrollTop = 0; //$("#wrapper").animate({ scrollTop: 0 }, "fast"); $('#wrapper').scrollTop(0);
之前犯的错误就是,一直认为应该把 content 重置,其实是 wrapper 才对。