[问题] 让owl-carousel的dot保持在左方

楼主: moodoa3583 (金牌台灣啤酒)   2018-08-18 00:41:31
一时找不到符合的网站
所以用ptt的接口当范例
http://i.imgur.com/AfSYvfq.jpg
如同这个部分
只要是被点击到的选项都会移动到画面左边
以利使用者点击接下来的选项
而我目前的状况是点击之后能出现底线跟颜色变化
但要怎么把被点选的移动到最左边呢?
如果是指定this改margin会只移动单一选项
进而覆蓋到其他选项导致跑版
也无法得知owl-carousel原本的程式码导致不知道js的部分该从何改起(尝试抓各种class都没效果)
想问有人有什么方法吗?在此先谢谢各位了
楼主: moodoa3583 (金牌台灣啤酒)   2018-08-18 00:49:00
补充http://i.imgur.com/VvQJEjv.jpg现在的问题跟这很像我希望点击到“机场普通线”时整个bar可以往左边滑动让后面的选项能露出来而不是像这个网页一样卡在后面还要自己手动拖曳附上网址:https://event.kkday.com/zh-tw/event/london
作者: jherk   2018-08-18 11:15:00
element.scrollTo({left:0, behavior:”smooth”})element设overflow:auto
作者: Rinorune (杜)   2018-08-18 12:30:00
要看一下这套件的文件 有没有提供这功能owl.trigger('next.owl.carousel');
作者: kewang (652公共汽车)   2018-08-19 21:08:00
PS. 要注意 1 跟 2 的 API 差异很大
作者: nick03008 (Rubikcode)   2018-08-22 08:26:00
https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.html不知道是不是要这个如果要统一网左移出的话可能要调整一下js载不要压缩的试试看 last next 这两个关键字看看有没有帮助

Links booklink

Contact Us: admin [ a t ] ucptt.com