作者moodoa3583 (金牌台灣啤酒)
看板Web_Design
標題[問題] 讓owl-carousel的dot保持在左方
時間Sat Aug 18 00:41:31 2018
一時找不到符合的網站
所以用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://webptt.com/m.aspx?n=bbs/Web_Design/M.1534524093.A.3BA.html
1F：→ moodoa3583: 補充 08/18 00:49
3F：→ moodoa3583: 現在的問題跟這很像08/18 00:49
4F：→ moodoa3583: 我希望點擊到“機場普通線”時整個bar可以往左邊滑動08/18 00:49
5F：→ moodoa3583: 讓後面的選項能露出來08/18 00:49
6F：→ moodoa3583: 而不是像這個網頁一樣卡在後面還要自己手動拖曳08/18 00:49
7F：→ moodoa3583: 附上網址：08/18 00:49
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 09:53:33
9F：推 jherk: element.scrollTo({left:0, behavior:”smooth”})08/18 11:15
哦我晚點試試看能不能抓到，謝謝
10F：→ jherk: element設overflow:auto08/18 11:16
11F：→ Rinorune: 要看一下這套件的文件 有沒有提供這功能08/18 12:30
我是還沒找到這個功能，只看到樣式跟顯示
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 12:36:25
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 12:37:02
12F：推 Rinorune: owl.trigger('next.owl.carousel');08/18 13:53
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 17:42:48
13F：推 kewang: PS. 要注意 1 跟 2 的 API 差異很大 08/19 21:08
15F：→ nick03008: rlhashnav.html 08/22 08:26
16F：→ nick03008: 不知道是不是要這個 08/22 08:26
17F：→ nick03008: 如果要統一網左移出的話可能要調整一下js 08/22 08:26
18F：→ nick03008: 載不要壓縮的試試看 last next 這兩個關鍵字看看有沒有 08/22 08:26
謝謝您的回應，我要的效果不是圖片左移，而是下面的點點左移，上面有高手回覆了，還是多謝！
19F：→ nick03008: 幫助 08/22 08:26
※ 編輯: moodoa3583 (223.140.105.205), 08/22/2018 17:40:23