javascript - jQuery 滚动 : Scroll doesn't end with content

标签 javascript jquery css iscroll

我在起点使用 iScroll 水平滚动列表,它表现正常,但是当我滚动到结尾(从右到左)时,即使我的内容结束,但它会在一定程度上继续滚动。我不知道我错过了什么 同样的 fiddle 是 http://jsfiddle.net/mantrig/wvypmw0g/1/

下面是我的函数初始化

function loaded () {
 myScroll = new IScroll('#wrapper', { eventPassthrough: true, scrollX: true,    scrollY: false, preventDefault: false });
}

最佳答案

  #scroller {
      position: absolute;
      z-index: 1;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      width: 2400px;
      ...
}

你设置宽度为2400px;

http://lab.cubiq.org/iscroll5/demos/horizontal/

这个演示之所以有效,是因为它将 #scroller 的宽度设置为 5000px 和 50*100px li。

它不是内联样式。所以它不是 iScroll ( javascript ) 编写的;

但是你必须自己设置你的#scroller;

关于javascript - jQuery 滚动 : Scroll doesn't end with content,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33559882/

相关文章:

javascript - 如何使用 Google 联系人 API 获取 Google 联系人图像?

javascript - 如何使用 jQuery 检查切换隐藏状态

jquery - jquery 移动 header 中的垂直控制组

javascript - 滚动到顶部,JavaScript 和 CSS 不起作用

javascript - 插入新记录之前在 JavaScript 中重复检查

javascript - 理解带有未捕获 promise 的消息

javascript - 调试React.js源代码,而不是react的DOM?

jquery - 如何使用 jquery 将文本框中的文本用于过滤 html 表中的行?

css - 数据表和布局组合,CSS 还是表格?

css - Firefox 滚动条对使用溢出自动和指针事件无响应的单击无响应