问题标签 [custom-scrolling]

我试图在我的网站上制作一个自定义滚动脚本，从一个块到另一个块，但是当我点击我的下一个按钮时，滚动总是跳到顶部。我不知道为什么它总是这样做。

这是我的 javascript 代码：

在这里，我在 jsbin 上做了一个例子：http: //jsbin.com/ehIZAya/

谢谢阅读。

我似乎在使用“.mCustomScrollbar("scrollTo",divID)" 函数滚动到某个元素时遇到问题。

我有一个 div (id="#wrapper") 包含很多 div（每个 20px 的高度不超过 800 div）。

然后，我将 mCustomScrollbar 添加到此 #wrapper div 以使用其自定义滚动条功能，如下所示：

现在我有一个大的可滚动 div，其中包含一个“类似列表”的 div 结构，而不是实际的列表，只是像列表一样堆叠在一起的 div。

在我页面的其他地方，我有一个按钮，其中包含“#wrapper”div 内的 div 元素的 id，当我单击此按钮时，我希望将 div 元素滚动到视图中，这是我当前的尝试：

该函数声称将“divID”滚动到#wrapper div 中的视图中，但是我遇到的问题是，在“divID”出现之前，它有时需要 2-4 次调用“scrollTo”函数。

有人可以帮我理解为什么“divID”在第一次调用“scrollTo”函数时不会滚动到视图中，以及如何让它按预期工作？

亲切的问候

无论我使用什么方法来检测页面上的滚动，事件都会触发两次。请查看我尝试过的不同方法的代码。

或者

或者

我什至尝试过使用 $.debounce。

如果它有任何用处，我将解释我正在尝试做的事情：当用户向上或向下滚动滚轮时，页面将动画滚动到下一个全宽内容 div。我的代码可以在我的菜单上成功执行此操作，但我也希望它在用户滚动时发生，本质上是自动帮助他们滚动到我页面的每个部分。这是我目前用于滚动的功能：

I have this piece of code in my mvc view where htmlcollection is a collection of many tables containing 4 rows each. Each table has a height of 40 px.

I also have a button in my view on clicking which I want to scroll down a multiple of 40 px in divCateringPX. This question looks simple, but I am new to jquery and stuck. Kindly help.

Thanks.

我使用jQuery 自定义内容滚动器创建自定义内容滑块，我需要为其拖动器设置样式。例如，如果我将它拖到一半 - 在红色（任何颜色）轨迹后面。反之亦然。感谢您的任何建议）

例子

这是JsFiddle 演示

I am trying to achieve custom scroll bar on bootstrap select picker. But it was not working as expected. Please find the fiddle here

http://jsfiddle.net/20a66247/2/

your help is much appreciated. Thanks in advance

我正在尝试产生以下效果：

我有一个自定义 ScrollView（为了获取 onScrollChanged 侦听器）和一个自定义 View 里面。在自定义视图中，我成功地根据需要放置项目。

这是我的自定义视图：

这是我的自定义滚动视图：

但是现在我需要在滚动滚动视图时更改项目高度。我不知道在 onScrollChanged 中放什么...如果有人有想法？

谢谢

我正在尝试在我的 jekyll 驱动的 Github 站点上使用此处讨论的 JQuery 自定义滚动条脚本。我想用它来滚动每个页面中的代码块，这样对于每个代码块，如果有溢出，就会有一个水平或垂直（或两者）滚动条。但是，不同代码块的高度不同，因此插件必须使用 CSS 属性max-height: nPx而不是height: nPx.

问题是，如果我只定义max-height: nPx没有height: nPx属性（我不想要它，因为我希望高度自动/随内容而变化），那么整个代码块就会崩溃，使得滚动条与内容一起完全消失。

这是 Jsfiddle 上的一个最小可重现示例，仅定义了max-height定义。设置height: nPx使内容和滚动条正常工作：除了这不是一个选项：在我的情况下，height必须是自动的。

我已经查看了作者max-height在提供的存档中使用插件的示例，但在max-height.html示例中，并没有像我在示例mCustomScrollbar中那样手动调用，所以我不能只是从示例中“复制粘贴”。

我在这里能错过什么？

我正在编写一个需要实现 Google Play 商店滚动实现的应用程序。有可用于实现它的示例库，例如

1. https://github.com/nirhart/ParallaxScroll
2. https://github.com/chrisjenx/Paralloid

另外我需要在这里实现一些额外的效果。

所以就像这里提到的那样，屏幕上有三个可用的视图。（图一）

1. 视图 A：顶部栏，将是固定高度
2. 视图 B：修复将包含一些文本信息的大小块。
3. 视图 C：滚动视图（可扩展）

在这里，我需要相同的视差效果（如支持的库），

1. 但是要完全滚动（视图A，B，C）我只想滚动直到视图A没有从图片中消失。（图 B）
2. 然后它应该只允许滚动列表中的视图 C。意味着现在视图 B 应保持在同一位置，直到开始向下滚动（使用视图 A）（图 3）。

这里有什么建议吗？

编辑：更新我所做的工作我能够使用kmshack解决方案 来实现这一点，但需要一点点破解。由于仅当列表视图有足够的子视图滚动时才允许滚动，所以我添加了一些空视图并在 Adapter.getView 中进行管理。

但这不是完整的解决方案，因为应用程序列表可能没有任何要显示的项目，并且滚动也应该可以工作。有没有办法在不添加假孩子的情况下使其成为可能？

我创建了一个在移动设备上兼容的网页。该页面包含一堆我想称之为“卡片”的项目。所以基本上我需要的是能够通过滚动（上下）翻转到卡片。到目前为止，我已经使用下面的脚本来进行滚动。

当我在 PC 上使用我的网络浏览器检查它时，滚动按预期工作。我有一些侦听器会检查下一个项目，并在找到时自动滚动。

现在的问题是，在移动设备上，使用滚动功能，有时我可能已经滚动过下一个元素，然后会发生什么情况是它会反弹回那个元素。我需要做的是停在下一张卡片上，不能滚动到下一个项目。

我已经接受了答案..但请我非常愿意接受建议！谢谢！:)