js 实现自动滚动 缓慢滚动元素到可视区域

背景:

​​​​在页面进行滚动元素到可视区域的时候,一般都使用跳转href加#的方式进行锚点定位,但是有缺陷

(1)只适用于整体网页的锚点定位,不能对于某个区域进行定位滚动

(2)在框架中如果路由使用hash则再使用锚点定位(#)就不起作用了

示例1整体网页滚动到可视区域:

   
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
来了
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容
sdkf加油艾斯芬尼瓦肯日晚覅noir额外农人外内容

示例2在一定区域内进行滚动定位:

1
2
3
4

你可能感兴趣的:(js,javascript,前端)