跳至正文

div 滚动到顶部

标签:

在 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 才对。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注