问题标签 [custom-scrolling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
976 浏览

jquery - 可以为 jQuery 动画定义速度而不是持续时间吗?

我的这个职位取决于动态价值。较短距离的动画应该更快但具有相同的加速度(速度),这是有道理的。但是,在 jquery 文档中,我只看到了一种定义持续时间的方法,这对很多事情都可以,但对其他事情却不行。我如何定义速度,所以如果值很小,持续时间也很小,如果值很长,那么持续时间很长。谢谢。

0 投票
1 回答
77 浏览

python - Pygame 以可变速度沿着固定路径滑行

我正在尝试沿着固定路径滚动背景(想象一辆自行车绕着赛车场 - 2x 直道和 2x 180 度弯道),屏幕中央有一个英雄/精灵。

我无法弄清楚如何使用变速输入来做到这一点?(这阻止我创建 x 和 y 坐标列表 - 我想??)

我计划调整取自此示例代码 PyScroll的代码

此代码使用确定背景移动方式的按键:例如。右键按下 = 当前位置(x 或 y 坐标)+ 速度 * 时间差。这给出了新的位置。其中速度以每秒像素为单位,时间差为每帧的时钟滴答。

目前我正在考虑一组规则来帮助确定代码中的下一个 self._position 值。例如,如果背景在某个位置,那么英雄必须在直线上(仅添加 y)或在拐角的起点(然后一个半圆形方程路径开始)。

这似乎是一种奇怪的做法?有没有办法考虑到由时钟和变速输入引起的时间差异的向量?

0 投票
0 回答
2241 浏览

javascript - jquery mcustomscrollbar 获取当前项目

我在我的滑块区域中使用了 mcustomscrollbar。

请在此处参考 url 水平滚动示例 url

我使用了水平滚动部分content x

下面是我使用的代码

在这里它工作正常。我的任务是在回调区域中,我得到了滚动百分比。通过使用它如何获取当前元素号。即最初滚动百分比为 0,元素为第 0 个,查看第 1 个元素。在我拖动滚动条后,它移动到某个位置。当时哪个元素在视口滑块区域中。滚动时,我想获取滚动条所在的当前元素。

请帮我得到这个。如果滚动条低于第三个元素,我想检索元素编号。

为了获得元素号,我使用了以下内容:

但它给出了错误的结果

参考屏幕截图:这里是所有图像的滚动 在此处输入图像描述

这里的滚动靠近第三个元素 在此处输入图像描述

这里的卷轴靠近第 5 个元素 在此处输入图像描述

0 投票
1 回答
470 浏览

css - 页面滚动?也许z-index?

嘿伙计们,我确信这个问题已经出现在某个地方,但我不确定使用正确的词汇来搜索我正在寻找的东西。所以我收集网页并用它们作为项目的灵感,并遇到了一个具有滚动功能的网站

我正在看的是当您向下滚动主页时​​,越过标题视频的顶部。我认为它很时尚,但我一直在打开和关闭开发人员工具上的复选标记,看看他们是如何做到的,我确信它与 z-index 有关,但我有点难过。也许是因为它是凌晨 1 点。

抱歉这个菜鸟问题,我只是真正进入前端的东西。

任何帮助将不胜感激。

-本

0 投票
2 回答
5455 浏览

android - Android 自定义滚动条和 fastScrollEnabled

我只想在我的 Listview 中使用 fastScrollEnabled 自定义滚动条,但这不起作用!启用 fastScroll 后,自定义滚动条在正常滚动时不可见,而在快速滚动时,它是默认滚动条。没有 fastScrollEnabled 确实可以正常工作。


res\values\Styles.xlm:

res\drawable\scrollbar.xml:

AndroidManifest.xml:

我的列表视图:

谁能告诉我这里出了什么问题?谢谢!

0 投票
1 回答
80 浏览

javascript - Ajax 内容上的 onepage_scroll.js 会导致多个按键事件

我目前正在使用onepage_scroll.js 插件

以及使用 Ajax 来获取新内容 - 但是当添加 ajax 请求时,不会针对新内容更新 onepage_scroll 的功能。

我尝试在 ajax 成功时再次运行 onepage_scroll 插件,这似乎是一个糟糕的性能选择,而且有点 hack-y,但它获得了我能够实现的最接近的成功。

如您所见,在再次调用插件之前,我必须删除添加的类(通过 onepage_scroll)并删除所有内联样式(也是 onepage_scroll)。

除了 hacky 之外,这让关键事件(向上键向上滚动,向下键向下滚动,空格向下,shift+空格向上)运行多次,每次我调用 ajax 时额外滚动一个面板请求(即:2 个 ajax 请求导致一次按键滚动 3 个面板)。

有没有办法自动将 onepage_scroll 功能添加到新添加的 ajax 内容中,而无需再次调用整个插件?或者可能是在ajax调用后保留原始按键功能的一种方法?

谢谢你的帮助!

0 投票
3 回答
1437 浏览

javascript - jQuery自定义滚动导致闪烁

我正在使用这个jQuery 自定义内容滚动器,它会导致可滚动部分闪烁。

  • 单击另一个随机按钮时,它会不断闪烁
  • 如果我不采取任何行动,它每隔几秒就会闪烁一次

使用的代码:

附上一个 gif 来演示这个问题: http: //gyazo.com/9ea9d558f2630c74a157c70a367d1868

0 投票
1 回答
1433 浏览

android - Android:禁用滚动边缘的Horizo​​ntalScrollView结束

我的意思是我想摆脱当用户尝试过度滚动视图时出现的“滚动结束指示器”:
在此处输入图像描述

0 投票
1 回答
1373 浏览

jquery - 防止谷歌地图信息窗口滚动到自己的窗口之外

在信息窗口内滚动时,我一直试图防止滚动网页。我的信息窗口内部有一个启用滚动的 div,一旦它到达 div 的底部,它就会滚动网页。

我知道如何通过更改“溢出”css 样式来使用 jQuery 为普通 div 做到这一点,如下所示。

但似乎在信息窗口中使用 div 时它不起作用。有人设法做到了吗?我还尝试使用谷歌监听器来获取鼠标悬停和鼠标悬停事件的信息窗口,但也没有运气。

0 投票
1 回答
524 浏览

javascript - 如何将自定义滚动条应用于谷歌地图信息窗口

infowindow当内容不适合窗口时,我有一个使用垂直滚动条的。我想将jquery 自定义滚动条应用于infowindow带有细圆形滚动条的(我认为它是默认皮肤)。

看这里的小提琴。我已经添加了所有必要的代码,但仍显示默认滚动条。

加载:

添加皮肤:

CSS:

编辑:在下面的答案之后,滚动条现在在底部被切断,按要求见下图:

在此处输入图像描述