我有这个示例网站http://www.miguelonenterprises.com/horizontalScroll.html。
我对这个网站的问题是:这是一个分页页面。如果我将鼠标放在 nanoscroller 部分内并向下滚动,页面将滚动到第二页。我想要做的是当鼠标在 nanoscroller 部分内时,它会上下滚动 nanoscroller 部分而不会将分页移动到下一页。如果鼠标在 nanoscroller 部分之外,则它会移动到下一个分页页面。
有人有想法么?
我有这个示例网站http://www.miguelonenterprises.com/horizontalScroll.html。
我对这个网站的问题是:这是一个分页页面。如果我将鼠标放在 nanoscroller 部分内并向下滚动,页面将滚动到第二页。我想要做的是当鼠标在 nanoscroller 部分内时,它会上下滚动 nanoscroller 部分而不会将分页移动到下一页。如果鼠标在 nanoscroller 部分之外,则它会移动到下一个分页页面。
有人有想法么?
使用该normalScrollElements
选项。如pagePiling.js 文档中所述:
normalScrollElements:
(默认null
)如果您想在滚动某些元素时避免自动滚动,这是您需要使用的选项。(对地图、滚动 div 等很有用)它需要一个带有 jQuery 选择器的字符串来用于这些元素。(例如:normalScrollElements: '#element1, .element2')
好的,我只是看了另一个条目。我将条目更改为 normalScrollElements:'.main',并且效果很好。谢谢你的想法,现在我可以继续这个项目了。