本帖最后由 wwbb 于 2024-10-8 20:34 编辑
benny111 发表于 2024-10-8 16:02
老大我贴子写了:目前尝试几种方法都不成功:1)电梯菜单2)滚动到指定对象
其中电梯菜单不支持从数据库 ...
楼主是用什么方式进行定位的?
动态数据滚动到当前位置,我用的是单选按钮或者el菜单绑定数据源与图文列表实现了定位的功能。但是没有滚动到当前位置选中菜单项的功能。
我抽时间做个教程出来,分享给你
我先说一下大致的思路,是用js的scrollIntoView属性实现定位的。通过点击选项的获取到要跳转的菜单值,遍历图文列表找到对应的图文列表的元素,然后再设置一个scrollIntoView属性即可。
下面是设置定位的代码
document.querySelector('#anchor').scrollIntoView({
behavior: "smooth",
// 定义动画过渡效果, "auto"或 "smooth" 之一。默认为 "auto"
block: "center",
// 定义垂直方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "start"
inline: "nearest"
// 定义水平方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "nearest"
})
|