jquery - 如何使用按钮(图像)在 Horizo​​ntal Div Scroll 上应用检查?

标签 jquery css html scroll

我有三个div

  1. 上一个按钮(图片)
  2. 容器(内容)
  3. 下一步按钮(图片)

如果我点击 previousnext 图像,它可以正常滚动。 如果我单击 next 按钮,滚动会在最后一个元素处停止,但同样不适用于上一个按钮。 意思是如果我点击 Previous Button 滚动应该在第一个元素处停止,但它会继续。

问题链接 [fiddle] :

最佳答案

要使滚动在第一个元素处停止,您应该将 marginLeft 设置为 0 而不是 100px left.click 会导致左边那个缺口。

但是,这种方法对于创建逐张滚动条来说并不理想,我猜当前的实现只能让用户滚动到第一个或最后一个元素。每次上一次/下一次点击时,它应该滚动等于每张幻灯片宽度的量,直到到达第一个或最后一个元素。

关于jquery - 如何使用按钮(图像)在 Horizo​​ntal Div Scroll 上应用检查?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16729134/

相关文章:

javascript - 在页面(哈希)链接中,获取第一个可见元素

css - css 字体规则中的 16px/28px 是什么意思?

javascript - 如何将 PHP 数据发送到 HTML 文章中

HTML 表单光标位置在中间

javascript - 第二次点击后 Jquery 触发

jQuery:为什么这个元素不会在悬停时隐藏?

javascript - jQM selectmenu data-native-menu ="false"运行两次

html - CSS bootstrap nav-pills 类改变事件状态

javascript - 设置使用 jquery 选择的创建的输入文本

javascript - HTML5 视频在 javascript 中完全预加载