欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

滚动/滑动模块的实现

程序员文章站 2023-12-10 23:05:16
滚动/滑动模块的实现 .container { width:100%; height:100%; position:relative; } ....

滚动/滑动模块的实现




//内容

这样设置,在content里面的内容超出时会隐藏,但是可以通过滚动/滑动查看。

(ps:实际滚动过程中是content这个p在动,不是里面的内容在动。这个知识点什么时候可以用上呢?有兴趣往下看)

83:当你滑到底部或者一定距离,想通过一个点击回到页面顶部的时候,通过令scrolltop为0实现回到顶部的操作。但是是将谁的scrolltop设置为0呢?答案是上面的content。因为在滚动的是它,不是里面的内容,但是往往手机滑动或者电脑滚动给我们视觉看起来都是里面的内容在动。