问题标签 [smooth-scrolling]

我正在使用本网站中看到的平滑 div 滚动条：http ://www.smoothdivscroll.com/ 。

由于某种原因它不起作用，我不知道为什么。我得到的只是一页不滚动的锚定图像。这是我的 HTML：

这是我的脚本：

这是我的CSS：

我认为这可能是我忽略或没有看到的非常简单的事情，但是已经有一段时间了，我还没有抓住它。

更新

这是我的代码的JsFiddle非常感谢。

所以我一直在尝试 RootsTheme（它使用 Bootstrap）、Wordpress（来自 Joomla！背景）和 Pagodabox；

这是它的结果： http: //ajmalafif.com/

但是，对于我尝试过的任何 javascript 解决方案，导航栏都有一些已知问题：

路线 #1) Chris Coyier 的平滑滚动

目前我的网站在这个网站上运行。

什么不起作用 - 对于较小的屏幕或当浏览器调整大小时，导航将笨拙地停在更高的高度（因为它设置为在 > 1200px 屏幕宽度上偏移 -90px）

什么有效 - 图像的下一个和上一个链接按钮有效（点击 mysite.com#link 在导航栏锚点和图像链接点击锚点之间没有冲突）

代码示例：http: //jsfiddle.net/ajmalafif/LvPUC/1/

路线 #2) William Malo 的 getElementbyId

我一开始喜欢并使用了这个解决方案。

什么不起作用 - 它没有偏移解决方案，因此它直接停在 h1 标题上并阻止它的视图。- 它与 bootstrap-carousel.js 冲突，点击图像轮播后，屏幕/导航栏将移动并将图像与浏览器顶部对齐。

什么有效 - 它适用于任何浏览器大小（并在调整大小时）并相应地定位/到达。

代码示例：http: //jsfiddle.net/ajmalafif/bReUF/

--

看起来路线#1 是明显的赢家，但就像我网站上当前运行的一样，它几乎没有故障，尤其是在查看时，比如在 iPad 内。那么是否有任何指针/帮助我可以通过以下方式完成这项工作；

• 无论浏览器宽度如何，href 目标都会准确偏移（也许是基于 diff 浏览器宽度的 diff 偏移的解决方案）？，或者

• 使用 getElementbyId 解决方案时的一种抵消方法（参见路线#2）并使其与 bootstrap-carousel.js 兼容（因此当单击另一个图像轮播 # 锚标记时它不会自行移动）？

感谢您的关注和时间来看看这个。

我想滚动到视图的末尾。目前我正在尝试将滚动视图滚动到最新添加的视图的末尾。我试过用setscrolly，smoothscrollto。两者都有效，但问题是两者都不会滚动到最后，它只是滚动到最后一个视图。请建议我如何克服这一点。

我需要让列表视图在其所有项目上尽可能快地滚动，而不跳过其中任何一个。

我发现smoothScrollToPositionFromTop(int,int,int)非常好，但它只适用于 API11+，我希望至少针对 API8。

我也尝试过使用 setOnScrollListener 和类似的解决方案（例如 setSelection），但它们要么不起作用，要么太慢并且不能反映最终用户可以做什么（快速浏览列表视图）。我如何实现这一目标？

在将元素添加到与列表视图关联的数组适配器后，我试图平滑滚动到列表的最后一个元素。问题是它只是滚动到一个随机位置

我需要在 iPad 应用程序中显示适度 DOM 密集型 HTML 页面的分页幻灯片。
所有文档都是为 iPad 屏幕量身定做的，因此UIWebViews 内永远不会有任何滚动。

我决定将UIWebViews 放在里面 UIScrollView进行分页。
在所有 Web 视图都呈现了它们的内容之后，它工作得非常好和流畅。

但是，我不能在用户滚动之前等待 20、30 或 50 个 Web 视图加载：这需要几分钟。
我试图预测scrollViewDidScroll处理程序中的滑动并在用户继续滚动时预加载几个下一页。

这工作得更好（10 或 150 个 Web 视图之间没有性能差异）。
但是调用处理程序会loadHTMLString导致scrollViewDidScroll滚动失去平滑度。

我不在乎是否需要多一秒钟才能显示特定内容UIWebView——我想要的只是滚动流畅且尽快可用，并UIWebView在旅途中懒惰地预加载 s。

我该如何做到这一点？

我正在处理的网站上有一个 SmoothDivScroll 插件，它使用 AJAX 内容功能从外部文件中提取内容。这一切都非常出色，但只有一件事困扰着我，那就是当页面加载滚动条时自动滚动（这是我想要的），但是当我手动滚动然后停止时，它不会再次开始自动滚动。是否有可能做到这一点，任何人都可以给我一些关于如何做到这一点的指示吗？

最好的，

柯本。

我一直在研究这段代码。一旦画廊页面加载了ajax，我正在尝试实现SmoothDivScroll jquery 插件。这是我的 ajax js。请注意，如果不使用 ajax 加载画廊，smoothdivscroll 可以正常工作。

更新：虽然@Mathletics 回答确实通过在回调中调用插件来加载插件，但smoothscrollingdiv 并不那么顺利。图片不是内​​联的，滑动非常生涩。无需通过ajax加载它就可以正常工作。下面我提供了链接，说明使用 ajax 和不使用 ajax 的样子。

Ajax 加载：从菜单中选择图库

没有阿贾克斯：这就是画廊应该有的样子

在我的网站http://goo.gl/34oQ8上，我根据本教程http://trevordavis.net/blog/jquery-one-page-navigation-plugin/实现了平滑滚动和突出显示的导航， 没有“联系我们”项目，但不能使用它（只有“联系我们”菜单项​​被高亮显示）。你知道为什么吗？怀疑它链接到#inline ref - tks

在我的主页底部，我包含了一个联系表格，并将此部分的锚指定为 div id="contact"。

在任何页面上单击联系按钮时，它应该导航到主页并在页面加载时自动滚动到联系表格。

在查看了我在此处找到的类似问题后，我一直未能成功地使其工作：jQuery scroll to ID from different page 当我尝试时，它只是跳转到表单。我希望它平滑滚动。

问题 jquery 函数从其他页面滚动到主页上的联系人锚点：

我正在尝试实现与此示例类似的内容：http: //vostrel.cz/so/9652944/page.html 不同之处在于，在这种情况下，锚点 ID（联系）对我来说只出现在一页（主页）上。