问题标签 [smooth-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 投票
4 回答
1218 浏览

css - 修复了 Firefox 的定位问题;IE也是

这个页面上的 Firefox 中,与 smooth-scroll.js 一起固定的位置可以完美地工作。

在Firefox 的此页面上,右侧导航不会显示所有被截断的导航项目。

怎么修?使用 CSS?

同样在 IE 6 到 8 中,使用固定定位会破坏站点。

感谢任何想法和建议。

0 投票
1 回答
1129 浏览

android - 计算速度

我试图在我的 GLSurfaceView 中实现惯性滚动,为此我需要弄清楚如何计算速度,但我不知道该怎么做。翻译存储在一个矩阵中,并由下面的代码行计算。

0 投票
2 回答
5334 浏览

javascript - 使用 jQuery-Smooth-Scroll 从一页到另一页?

我目前正在使用 jQuery-Smooth-Scroll 平滑地向上和向下滚动到我的一个页面上的各个锚点位置(第 1 页)。但是,我还想做的是,从另一个页面(第 2 页)链接到 Page1(将 #bookmark 附加到 url)并让 jQuery-Smooth-Scroll 了解我正在调用该页面的事实使用#bookmark 并在页面完成加载后平滑向下滚动到相关位置。不知道这有没有可能?

这是我正在使用的 Smooth-Scroll 版本:

https://github.com/kswedberg/jquery-smooth-scroll

我对 jQuery 还比较陌生,所以我可能会忽略一些明显的东西。

0 投票
1 回答
1797 浏览

jquery - kswedberg jquery 平滑滚动插件 - 突出显示链接并删除滚动突出显示?

我为同一页面链接使用 Karl Swedberg 的 jquery 平滑滚动插件: https ://github.com/kswedberg/jquery-smooth-scroll

链接具有固定位置,因此它们始终可见。我希望在您单击链接后突出显示链接,但是当您滚动页面时要删除突出显示(因为您可能不再位于链接对应的部分)。

让链接在点击时改变颜色很简单。但是,随着插件本身的滚动,滚动时移除颜色会更加困难。我试过这段代码:

问题是一旦窗口滚动功能被初始化,它就会在平滑滚动插件滚动页面时触发。这意味着在您单击一个链接后,它将始终覆盖单击时应用于链接的颜色,因此单击其他链接不会改变它们的颜色。

谢谢

编辑-我制作了一个可以使用以下代码的版本:

然而,有时点击链接不会改变它的颜色,但再次点击它会。我认为 afterScroll 触发的不同功能并不总是按顺序运行。如果这是问题所在,我该如何让他们这样做?

谢谢

0 投票
1 回答
2249 浏览

jquery - JQuery animate:在运行时改变速度

我有一个滑动 div 和几个按钮,它们将以不同的速度触发动画(通过使用不同的持续时间值)。

按钮类似于:[左 x2][左 x1][左 x0.5][右 x0.5][右 x1][右 x2]

我的代码目前是这样的:

这在 Chrome 中很好,但在 IE 等其他浏览器上,这会导致动画跳动,您可以明显地看到滚动的 div 在继续以新速度继续之前停止一瞬间。

我有一种感觉,实现变速滚动的最佳方法是直接影响动画的持续时间而不杀死它并开始一个新的,但我不确定这是否可能。有小费吗?

0 投票
7 回答
44051 浏览

android - Android:Horizo​​ntalScrollView smoothScroll 动画时间

我有一种情况,我正在使用带有图像的水平滚动视图并使用按钮平滑滚动到不同的图像位置。现在它工作正常我只是想知道是否有人知道减慢平滑滚动方法,即有更长的动画时间?目前,捕捉发生得非常快。

也许通过覆盖平滑滚动,我试图搜索这个/示例但没有运气。

那么有什么想法吗?

谢谢,

0 投票
2 回答
2089 浏览

eclipse - Eclipse IDE:使用键盘 PGUP PGDOWN 平滑滚动

窗口 7。

在 Eclipse IDE 中,当我 PageUp 和 PageDown 时,它会跳转到下一段代码而没有任何滚动效果,这让我很困惑。如何启用滚动?这称为平滑滚动吗?

0 投票
1 回答
836 浏览

c# - 移动设备上的滚动势头

我正在尝试获得一个可以在我的移动应用程序中实现的通用平滑滚动机制。

我希望它足够通用,以便可以移植到任何平台,但我目前正在.net Compact Framework 上使用 C#。

我现在正在做的是:

  • 创建一个秒表对象(在面板的 ctor 中)
  • 在鼠标按下时启动秒表并保存当前鼠标点_lastMouse
  • 在鼠标移动时,停止秒表并存储,velocity = (_lastMouse - curMouse) / Stopwatch.TotalSeconds然后重置秒表并重新启动
    • 大多数情况下Stopwatch.TotalSeconds介于 0.02 和 0.03 之间
  • 在鼠标向上时,我将velocity值传递给平滑滚动函数,并且该函数继续滚动面板,直到到达末端或增加的摩擦力导致速度 == 0

我的问题是在最后一步。这些velocity值通常在 2,000-3,000 像素范围内。速度以每秒像素为单位,因此这是意料之中的。我拿起秒表(它应该仍在运行),停止它,我找到从最后一次鼠标移动经过的时间并乘以velocityStopwatch.TotalSeconds得到那个距离,然后重置并启动秒表,然后循环回来并重新开始。

预期的结果是刷新之间的经过时间乘以速度应该给我应该滚动的像素数(根据最后一次鼠标移动)。我的实际结果是,有时面板会飞起来,有时会移动!逐渐减速很好,只是开始速度关闭

逻辑上有缺陷吗?我应该做点别的吗?

谢谢你的帮助!

0 投票
0 回答
2686 浏览

jquery - JCarouselLite 平滑垂直滚动

抱歉,如果以前有人问过这个问题,但我无法找到我正在寻找的确切答案。

我需要制作一个流畅的垂直文本代码,没有明显的停顿,并且可以无限重复。

我找到了 JCarouselLite,并得到了我想要的一切。

但是,如果我将“自动”间隔设置为 1,甚至 0.01,则每次移动之间仍然存在暂停。我还将缓动设置为“线性”以从等式中删除它。

接下来,我尝试将滚动设置为更多的项目总数和更长的持续时间,以最大限度地减少停顿。持续时间设置为 18000 毫秒和 51 项,看起来很棒。一个问题,它在第一次开始之前延迟了 18000 毫秒,并且每次都延迟。

页面在这里: https ://secure.awarenesslife.com/tickertest.cfm

此处的代码 1(单滚动版):

此处的代码 2(多滚动版本):

0 投票
1 回答
625 浏览

jquery - Chrome 和 Safari 上的拇指滚动器问题 - Jquery 插件

大多数人可能都知道 thumbscroller (http://manos.malihu.gr/jquery-thumbnail-scroller)

问题是我在 Google chrome 和 Safari 中遇到了这个问题,Thumbs 在鼠标悬停在拇指容器上时会“消失”,

如果有人想尝试(使用 crome/safari):

http://anulekha.net/production/?view=Collections&Lookbook=2011

你会很快明白我的意思,问题,

知道为什么会发生以及如何解决这个问题吗?

非常感谢 :)