PTT數位生活區 / Web_Design

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

看板Web_Design作者 (金牌台灣啤酒)時間6年前 (2018/08/18 00:41), 6年前編輯推噓4(4推 0噓 15→)
留言19則, 5人參與, 6年前最新討論串1/1
一時找不到符合的網站 所以用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
→
08/18 00:49, 6年前 , 1F
補充
08/18 00:49, 1F
→
08/18 00:49, 6年前 , 2F
08/18 00:49, 2F
→
08/18 00:49, 6年前 , 3F
現在的問題跟這很像
08/18 00:49, 3F
→
08/18 00:49, 6年前 , 4F
我希望點擊到“機場普通線”時整個bar可以往左邊滑動
08/18 00:49, 4F
→
08/18 00:49, 6年前 , 5F
讓後面的選項能露出來
08/18 00:49, 5F
→
08/18 00:49, 6年前 , 6F
而不是像這個網頁一樣卡在後面還要自己手動拖曳
08/18 00:49, 6F
→
08/18 00:49, 6年前 , 7F
附上網址：
08/18 00:49, 7F
→
08/18 00:49, 6年前 , 8F
08/18 00:49, 8F
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 09:53:33
推
08/18 11:15, 6年前 , 9F
element.scrollTo({left:0, behavior:”smooth”})
08/18 11:15, 9F
哦我晚點試試看能不能抓到，謝謝
→
08/18 11:16, 6年前 , 10F
element設overflow:auto
08/18 11:16, 10F
→
08/18 12:30, 6年前 , 11F
要看一下這套件的文件 有沒有提供這功能
08/18 12:30, 11F
我是還沒找到這個功能，只看到樣式跟顯示 ※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 12:36:25 ※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 12:37:02
推
08/18 13:53, 6年前 , 12F
owl.trigger('next.owl.carousel');
08/18 13:53, 12F
※ 編輯: moodoa3583 (223.140.105.205), 08/18/2018 17:42:48
推
08/19 21:08, 6年前 , 13F
PS. 要注意 1 跟 2 的 API 差異很大
08/19 21:08, 13F
推
08/22 08:26, 6年前 , 14F
08/22 08:26, 14F
→
08/22 08:26, 6年前 , 15F
rlhashnav.html
08/22 08:26, 15F
→
08/22 08:26, 6年前 , 16F
不知道是不是要這個
08/22 08:26, 16F
→
08/22 08:26, 6年前 , 17F
如果要統一網左移出的話可能要調整一下js
08/22 08:26, 17F
→
08/22 08:26, 6年前 , 18F
載不要壓縮的試試看 last next 這兩個關鍵字看看有沒有
08/22 08:26, 18F
謝謝您的回應，我要的效果不是圖片左移，而是下面的點點左移，上面有高手回覆了，還是多謝！
→
08/22 08:26, 6年前 , 19F
幫助
08/22 08:26, 19F
※ 編輯: moodoa3583 (223.140.105.205), 08/22/2018 17:40:23
‣ 更多 moodoa3583 的文章
文章代碼(AID): #1RTlgzEw (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 moodoa3583 的文章
文章代碼(AID): #1RTlgzEw (Web_Design)