[問題] 讓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