滚动条按钮js无法正常工作

时间:2016-02-13 19:05:19

标签: javascript scroll scrollbar scrollview slide

我使用简单的滚动条方法创建照片幻灯片,但也为左右按钮添加js,以便灵活地水平查看幻灯片。

滚动条工作得非常完美但是波纹管按钮似乎没有显示任何动作。有人可以指导我编码中的错误吗? TIA

以下是我所说的:[https://jsfiddle.net/sh27dyx3/1/]

1 个答案:

答案 0 :(得分:1)

滚动条没有设置$("#slide").left。 jQuery' s offset().left只是很聪明,可以告诉你它的偏移量是多少。您需要更新父级的scrollbal scrollLeft属性

https://jsfiddle.net/txth2usk/

顺便说一下,我猜你可以确定最左边位置的图像,然后你可以滚动到下一个/上一个兄弟的偏移量而不是-100+100,要冷得多。