[問題] 讓owl-carousel的dot保持在左方

[moodoa3583 (金牌台灣啤酒)]

一時找不到符合的網站
所以用ptt的介面當範例
http://i.imgur.com/AfSYvfq.jpg
如同這個部分
只要是被點擊到的選項都會移動到畫面左邊
以利使用者點擊接下來的選項

而我目前的狀況是點擊之後能出現底線跟顏色變化
但要怎麼把被點選的移動到最左邊呢？

如果是指定this改margin會只移動單一選項
進而覆蓋到其他選項導致跑版
也無法得知owl-carousel原本的程式碼導致不知道js的部分該從何改起（嘗試抓各種class都沒效果）

想問有人有什麼方法嗎？在此先謝謝各位了

-----
Sent from JPTT on my HTC_D10i.

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.140.105.205
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1534524093.A.3BA.html
→ moodoa3583: 補充
→ moodoa3583: http://i.imgur.com/VvQJEjv.jpg
→ moodoa3583: 現在的問題跟這很像
→ moodoa3583: 我希望點擊到“機場普通線”時整個bar可以往左邊滑動
→ moodoa3583: 讓後面的選項能露出來
→ moodoa3583: 而不是像這個網頁一樣卡在後面還要自己手動拖曳
→ moodoa3583: 附上網址：
→ moodoa3583: https://event.kkday.com/zh-tw/event/london
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 09:53:33
推 jherk: element.scrollTo({left:0, behavior:”smooth”})
哦我晚點試試看能不能抓到，謝謝
→ jherk: element設overflow:auto
→ Rinorune: 要看一下這套件的文件 有沒有提供這功能
我是還沒找到這個功能，只看到樣式跟顯示
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 12:36:25
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 12:37:02
推 Rinorune: owl.trigger('next.owl.carousel');
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 17:42:48
推 kewang: PS. 要注意 1 跟 2 的 API 差異很大
推 nick03008: https://owlcarousel2.github.io/OwlCarousel2/demos/u
→ nick03008: rlhashnav.html
→ nick03008: 不知道是不是要這個
→ nick03008: 如果要統一網左移出的話可能要調整一下js
→ nick03008: 載不要壓縮的試試看 last next 這兩個關鍵字看看有沒有
謝謝您的回應，我要的效果不是圖片左移，而是下面的點點左移，上面有高手回覆了，還是多謝！
→ nick03008: 幫助
※ 編輯: moodoa3583 (223.140.105.205), 08/22/2018 17:40:23