PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 讓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/u
rlhashnav.html不知道是不是要這個如果要統一網左移出的話可能要調整一下js載不要壓縮的試試看 last next 這兩個關鍵字看看有沒有幫助
繼續閱讀
[問題] 關於YAHOO廣告追蹤碼
Obama5566
[問題] vscode 要怎麼導入pug和sass呢?
tangerine030
[問題] 請教關於資料庫及SSL的問題
Doubleband
[問題] RWD逗號不能在句首的解決辦法?
Whatever
[問題] 要如何從C#的.cs檔拋script到前端
aa12783509
[心得] (教育影片) 文組也看得懂的 - 網路爬蟲
allenwang15
[問題] img屬性不加引號才能顯示??
SFMAndroid
[問題] 2套線上課程比較
eatbook
[問題] 為什麼這網頁亂碼
x246libra
[問題] 請問bootstrap 的RWD網頁沒辦法正常顯示
ofpurity
Links
booklink
Contact Us: admin [ a t ] ucptt.com