作者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/cn.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