页面滚动式固定左侧菜单栏

最新推荐文章于 2024-05-11 22:59:50 发布

云境

最新推荐文章于 2024-05-11 22:59:50 发布

阅读量1.3k

点赞数

分类专栏： WEB

本文链接：https://blog.csdn.net/cczsmile/article/details/105561879

版权

该博客介绍了一种实现页面滚动时保持左侧菜单栏固定的方法。通过获取菜单到左侧的距离，在页面滚动时将其设置为固定位置，从而避免菜单随着滚动而移位。涉及到的关键技术和代码包括HTML布局，CSS样式调整以及JavaScript的滚动事件处理。

摘要由CSDN通过智能技术生成

页面滚动时添加.activeFixed固定元素，需要获取scrollY，为了保持左侧菜单不移位，需要获取菜单到左侧的距离offsetLeft。

HTML

<!--左侧导航-->
<ul class="menu">
   <li><a href="#"><b>This year's tuition</b></a></li>
    <li><a href="#"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注