问题标签 [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 投票
1 回答
791 浏览

jquery - jQuery SmoothDivScroll - 无限循环适用于图像,但不适用于列表中的文本

这是默认的 SmoothDivScroll 演示,但使用无限循环,一切正常:

http://smartpeopletalkfast.co.uk/smoothdivscroll/jQuery%20Smooth%20Div%20Scroll%20by%20Thomas%20Kahn%20-%20smooth%20content%20scrolling%20using%20jQuery.html

在这里,我所做的就是用列表中的文本替换图像。它会滚动,但不会循环:

http://smartpeopletalkfast.co.uk/smoothdivscroll/LIST%20-%20jQuery%20Smooth%20Div%20Scroll%20by%20Thomas%20Kahn%20-%20smooth%20content%20scrolling%20using%20jQuery%20copy.html _知道为什么会这样?谢谢

0 投票
1 回答
2990 浏览

c# - 如何在 .NET 中实现平滑滚动

我想在 C# 中为自定义控件实现平滑/动画滚动。我想要类似于以下 javascript 示例的内容:

http://www.kryogenix.org/code/browser/smoothscroll/#p0

我的第一个想法是将滚动条移动到目标点,但停在中间点。例如,这是一个非常简化的想法:

我的问题是:

  • 我应该在一个线程中实现它吗?
  • 这是否会顺利绘制(如果我在控件中激活了双缓冲区,我想是的)

因此,如果您知道任何好的示例、文章、指南或类似内容,请您在此处提供链接吗?

提前致谢。

0 投票
1 回答
9286 浏览

ajax - JQuery scroll to anchor on click?

Basically I have this function is a class that creates pagination. I want to somehow use a smooth scroll to move the page back to the top of the comment container div but am unsure where or what function I would need to do that.

I'd like to get do something in the success getComments function that moves it up to the ID of the container. Is there a good way?

0 投票
1 回答
556 浏览

jquery - 背景 100% 和滚动问题

我尝试使用以下代码将背景设置为 100%:

我的问题是,当我滚动滚动时,我的内容断断续续。我使用图像调整脚本 jquery 测试了所有内容并进行了研究,我没有发现任何关于该主题的内容,如果我以 100% 关闭背景,则滚动再次流畅。我的问题是什么?网站: http: //www.confederationcreative.ch/dcube/en/store/

0 投票
1 回答
1352 浏览

jquery - JQuery 变量在悬停时滚动。鼠标移出后如何使其缓解?

好的,我将尝试解释这一点,但这有点困难。说我有一些这样的html,

现在,#wrapper 有一个设定的高度,比如 500 像素,而 #scroll 有一个更长的高度,比如 3000 像素。

现在这样做是,当用户在#wrapper 中悬停更高或更低时,#scroll 滚动得更快,中间有一个死区。但是当用户滚动离开#wrapper 时,它会突然停止。当用户停止将鼠标悬停在#wrapper 上时,关于如何优雅地停止此操作的任何想法?
也欢迎对我的代码进行优化。

0 投票
2 回答
2206 浏览

android - 在 Android 中调整图像大小以在列表视图中使用

我有一堆“大”400x400 图像,我从网络上的源中提取,我需要在 Android 上的 ListView 中显示为 100x100 缩略图。如果我只是在 xml 中设置 imageview 元素的尺寸,很明显它只是将图像压缩到 100x100,原因有两个:

1)图像看起来没有重新采样 2)当给出的图像超过列表中的 10 个时,滚动变得难以忍受

我并不担心#1,但滚动需要保持流畅。所以我想知道,我应该如何调整这些图像的大小/重新采样并缓存它们?我已经进行了一些谷歌搜索,但我找不到在这种情况下最佳实践的好资源。

提前致谢!

0 投票
1 回答
1760 浏览

jquery - jQuery SmoothDivScroll - Continuous scrolling without autoScroll?

Im using the jQuery SmoothDivScroll plugin. http://www.smoothdivscroll.com/

I want to have continuous scrolling, but for manual scrolling not autoscroll. Can this be done? Thanks

0 投票
2 回答
3416 浏览

android - 提高 Android ListView 中的滚动平滑度

我有一个安卓系统ListView,它在滚动时会有小(比如 1-5 帧)卡顿,大约每秒左右。我意识到许多Android手机在动画流畅度方面存在这些问题,但是,在我的手机(运行Android 2.2的摩托罗拉A855)上,原生联系人列表滚动非常流畅。联系人列表中的项目视图比我列表中的项目视图更复杂,即:

我只想实现与原生联系人列表一样好的平滑度。如果不优化本机代码,这似乎应该是可能的,但也许我错了。

我尝试了一些事情:我进一步简化了项目视图,并尝试以编程方式而不是在 XML 中实例化它。根据此链接,我还尝试更改对项目单击事件的反应方式:

http://groups.google.com/group/android-developers/browse_thread/thread/7dc261a6b382ea74?pli=1

这些东西似乎都对性能没有任何影响。

我可以在我的应用程序中做些什么来提高性能吗?我希望将此应用程序部署到许多手机上,因此在我的情况下,更改手机上的设置或生根设备不是一个选项。这是我的适配器类中的 getView 方法:

提前致谢!

0 投票
1 回答
1708 浏览

jquery - 平滑滚动jquery不起作用

我正在制作一个 1page 的网站。当我单击导航链接“bas&harald”时,它应该会顺利转到第二张幻灯片(右侧)。

但是我不能让它工作。我正在使用这个脚本: http: //www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/df_smooth_scroll.html

我在这个 js 文件的底部实现了它:http://www.basenharald.nl/3d/script.js 我已经设置了“href”元素,“a name”元素也是如此。

谁能告诉我为什么这不起作用?另一个代码段是否与这个冲突? http://www.basenharald.nl/3d

提前致谢。

0 投票
1 回答
475 浏览

javascript - 页面加载效果 - 每个新页面从不同方向滑入(...作为使用 scrollTo 的单页站点)

有没有办法通过从不同的方向滑入来使每个页面加载?(X 和 Y 轴)

就像在这个例子中一样:单页网站滚动到 div

这样做的原因是因为它在 iPad/iPhone 上不起作用(它们不支持固定元素,整个页面滚动)。我想如果有一个页眉菜单和一个页脚也许我可以达到这个效果。

然后,手机将呈现一个常规网页。另外,我想客户通过 CMS 管理事情会更容易。

提前致谢。

我 d.

...再次,对不起我糟糕的英语;)