怎么实现这种标题效果

clipboard.png

一个标题栏里有很多个标题,
可以向左滑动的,是用js控制的吗?

阅读 3.4k
5 个回答

https://jsfiddle.net/gz7utc36/4/

ul {
    list-style: none;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

ul::-webkit-scrollbar {
    display: none;
}

切换到移动开发者模式可看到效果

可以用swiper.js
不追求美观的且不追求什么效果的话
overflow-x:scroll
::-webkit-scrollbar{width:0px}

$('.example').click(function(){
    $(this).addClass('active').siblings().removeClass('active');
    //这边在根据index切换对应的内容
})

用swier.js,参照api去调

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题