jquery仿京东楼层效果

最新推荐文章于 2021-02-27 22:40:53 发布

倦沐

最新推荐文章于 2021-02-27 22:40:53 发布

阅读量1.9k

点赞数

分类专栏： javascript jquery css

本文链接：https://blog.csdn.net/zcrainzc/article/details/53129377

版权

该博客介绍了如何使用jQuery来实现类似京东楼层的导航效果，特别关注了在处理鼠标滚动事件时避免楼层样式逐个过渡的问题，旨在直接跳转至所选楼层。

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

<body>
<div class="scroll-floor">
        <ul class="side">
            <li class="active">1F</li>
            <li>2F</li>
            <li>3F</li>
            <li>4F</li>
            <li>5F</li>
            <li>6F</li>
            <li>7F</li>
            <li>8F</li>
            <li>9F</li>
            <li>10F</li>
        </ul>
        <div class="cont">
            <div class="cont-list">1f</div>
            <div class="cont-list">2f</div>
            <div class="cont-list">3f</div>
            <div class="cont-list">4f</div>
            <div class="cont-list">5f</div>
            <div class="cont-list">6f</div>