首页 新闻 搜索 专区 学院

touch事件滑动效果

0
[已解决问题] 解决于 2018-08-22 14:40

有一个列表,鼠标上去可以上下滑动这一种。

效果:

下面还有几个隐藏的li标签:

 html代码:

 

  <div class="left">
      <ul class="music-list">
        <li class="music-list-datails">热门</li>
        <li class="music-list-datails">1</li>
        <li class="music-list-datails">12</li>
        <li class="music-list-datails">123</li>
        <li class="music-list-datails">1234</li>
        <li class="music-list-datails">12345</li>
        <li class="music-list-datails">123456</li>
        <li class="music-list-datails">1234567</li>
        <li class="music-list-datails">13</li>
        <li class="music-list-datails">134</li>
        <li class="music-list-datails">135</li>
        <li class="music-list-datails">136</li>
        <li class="music-list-datails">137</li>
      </ul>
    </div>
 
css代码:
.left{
    width:200px;
    height720px;
    displayinline-block;
    overflowhidden;
}
.music-list{
  list-style-typenone;
  width100%;
  height:100%;
  floatleft;
}
.music-list-datails{
    background#242E37;
    width100%;
    height81px;
    font-size24px;
    color#ffffff;
    text-aligncenter
    vertical-align:middle;
    line-height80px
    font-weight500;
}
.music-list-datails:hover{
    background#1C262E;
    color#9E7526;
}
 
怎么实现那种touch向上触摸时就向上滑动,向下触摸时就向下滑动,并且始终不会超出我的div.
苏黎世宝贝的主页 苏黎世宝贝 | 菜鸟二级 | 园豆:279
提问于:2017-06-07 12:04
< >
分享
最佳答案
0

touchmove  的时候让ul 跟随

奖励园豆:5
盛唐游侠 | 菜鸟二级 |园豆:364 | 2017-06-07 23:37
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册