当前位置: 首页 > Web前端 > JavaScript

页面滚动推荐使用锚点(比scrollTop好)

时间:2023-03-27 01:51:53 JavaScript

.box{width:100%;高度:100%;框大小:边框框;填充:24px;//作为容器,应该启用滚动条overflow-y:auto;.anchorsWrap{位置:固定;左:480px;h3{游标:指针;}h3:hover{box-shadow:04px12px0rgba(0,0,0,0.15);}}}问题描述需求:页面有列表项和列表详情。单击列表中的项目可滚动到相应的列表详细信息。对于这样的需求,除了使用DOM.scrollTop之外,还可以使用锚点和DOM.scrollIntoView方法来实现。关于api的概念定义,这里不再赘述。详见官方文档:scrollTop:https://developer.mozilla.org...scrollIntoView:https://developer.mozilla.org...注意:anchors不一定要和一个标签一起使用,其他标签还有可能的渲染示例代码.box{width:100%;高度:100%;框大小:边框框;填充:24px;//作为容器,应该启用滚动条overflow-y:auto;.anchorsWrap{位置:固定;左:480px;h3{游标:指针;}h3:hover{box-shadow:04px12px0rgba(0,0,0,0.15);}}}没那么好记烂笔,记录一下^_^