jquery仿京东楼层效果

倦沐

于 2016-11-11 15:36:46 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript jquery css

本文链接：https://blog.youkuaiyun.com/zcrainzc/article/details/53129377

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>
            <div class="cont-list">7f</div>
            <div class="cont-list">8f</div>