原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!
文章关键字 ‘scrollTop’
如何实现页面刷新后不定位到之前的滚动位置?
2022年05月30日,星期一DOM基础小测27期答疑文字版-窗体滚动二三事
2019年01月26日,星期六本次小测借一个简单案例跟大家讲讲CSSOM视图模式(CSSOM View Module)相关的一些API及其特性,适用场景等,总结出一些最佳实践,明确一些技术细节,让技术更加精纯。
小tips: 滚动容器尺寸变化子元素视觉上位置不变JS实现
2018年02月2日,星期五对于一个宽度不固定的滚动容器,如果里面内容已经滚动到了一定的高度,这个时候滚动容器的宽度发生变化,则里面内容的位置会进行重定位,一不留神就不知道刚才的位置是哪里了。
尤其是看小说这种非常考验眼力的场景。于是,就有需求:当滚动容器尺寸发生变化的时候(如宽屏窄屏切换,或者默认尺寸变全屏时候),最上面元素位置要保持不变,这样视觉体验就很好。不会因为突然的尺寸变化而不知道刚才看到哪里了。
那么该如何实现呢?
小tip: 子元素scroll父元素容器不跟随滚动JS实现
2015年12月18日,星期五在网页中,滚动条的滚动行为也是类似的调调,如果页面出现多个内嵌滚动条,则行为表现是:子元素滚,子元素滚,子元素滚完父元素滚;父元素滚,父元素滚,父元素滚完容器滚……
这是浏览器的默认行为,如果我们遇到了一个需求:子元素滚,子元素滚完,就完了,父元素不需要滚了。那该如何实现呢?