问题标签 [vertical-scrolling]

我一直在试图弄清楚如何确保屏幕可以垂直滚动，因为有很多单选按钮并且它们不适合屏幕。我已经尝试了 Stackoverflow 上发布的大多数解决方案，但我不断收到错误，这是我最后一次尝试的布局代码：

我得到的错误是：“ScrollView can host only one direct child”

任何建议将不胜感激，谢谢

在从服务器检索更多数据后，我正在使用下面的代码设置 uitableview 的内容偏移量。

出于某种原因，当我用手指快速向下滚动时，我注意到垂直滚动条到达末尾并消失，但随后又重新出现几行一秒钟，然后又消失了！当我用手指快速滚动到 uitableview 的底部时，就会发生这种情况。当我慢慢滚动到 uitableview 的底部时，不会发生这种情况。以前有人遇到过这个问题吗？

任何帮助表示赞赏。

我在检测用户何时到达 ScrollViewer 底部时遇到问题。

我的代码：

但有时当我到达 Scrollviewer 的底部时，scrollViewer.VerticalOffset 的值低于 scrollViewer.ScrollableHeight。它取决于列表框中的项目，但我不知道如何。

你知道，问题出在哪里吗？

我在解决 Javascript 动画滚动问题时遇到了一些麻烦。

我正在使用构建在 Greensock JS 补间库之上的 SuperScrollorama Jquery 插件。

我所追求的基本效果是“固定”一个部分，然后使用垂直滚动来展开一些内容，然后在内容完全展开后“取消固定”该部分，这样用户就可以滚动 - 即http:// blueribbondesign.com.au/example/

但是，当我尝试将相同的效果一个接一个地应用于多个部分时，一切都被破坏了：固定元素下方的“未固定”内容被推离屏幕，并且在执行动画时似乎错误计算了元素的高度反向（即向上滚动页面）。- 即http://blueribbondesign.com.au/example2/

我一直在无休止地摆弄“position:fixed”和“pin-spacer”div，并尝试将 Superscrollorama 插件附加到各种包含元素，但仍然无法弄清楚如何让它工作。

非常感谢来自网络优秀众包思想的任何帮助，

干杯，

田纳西州。

嘿，我的网站工作正常，但在 IE8 中除外。该页面不显示垂直滚动条。我将 html { overflow-y :scroll } 添加到 css 中，但只有一个滚动条不允许您实际向下滚动。我的网站是eagleview.it

非常感谢

这个问题可能听起来很傻，但它让我头疼。我想做一种垂直滚动的演示，由不同的幻灯片组成；效果应该和这个网站“相似”：http: //www.soleilnoir.net/believein/#/start

我创建了一个包含不同幻灯片的无序列表：

我position:fixed在页面的中心为所有幻灯片的内容（到目前为止是图像）提供了一个，以及一个不同的 z-index 来使幻灯片和图像堆叠。就像是

等等

这当然只在某种意义上起作用：幻灯片在滚动时会显示下一张幻灯片，但之前的图像总是可见的，由于它们的固定位置而全部从流中删除。

所以我想给图像一个position:absolute（并给position:relative）<li>，但这不会让它们在页面中心“粘”在新幻灯片到达并覆盖它之前，它们当然会自然地跟随他们的父母<li>移动。

我对此完全不知所措，也不知如何在窗口中获取当前的可见列表。我查看了 jQuery 提供的所有内置函数：scrollTop(), offset().top, position().top, 我得到$(window).height(), $('#container').height(), <li>s 高度是固定的，等等，但我得到的只是元素的“绝对”位置（我的意思是，它不会随滚动），我不知道如何说幻灯片何时穿过屏幕，以便我可以做某事（但仍然不知道是什么）。

我确定我在这里遗漏了一些明显的东西。我研究了链接网站上的代码，虽然我几乎可以理解其中的所有内容，但我仍然无法弄清楚它是如何获得当前幻灯片的（此外，它的工作方式与我的不同，因为它会动态加载动画 gif 和只对每张幻灯片执行此操作。在我的每张幻灯片中，每张幻灯片都是一个包含不同元素、动画等的容器）。

$('li#slide3')例如，如果在内部视图中，我如何获得？如何解决堆叠图像问题？我是否需要将它们动态设置为“固定”，或者在每次滚动时重新计算它们的位置以便 aposition:absolute可以做到？对于这一秒，我仍然需要将每个元素的位置与一个固定点进行比较（我相信$(window).scrollTop()，到目前为止，滚动时我总是为 0），但我不知道如何。

哦，我正在使用 jQueryscroll()方法来绑定滚动，因为我还有一个导航列表可以让您跳转到所需的幻灯片，它也说明了这一点。

我希望我清楚这一点：图像必须始终保持在中心，滚动幻灯片时需要覆盖它们，而当图像被覆盖时，以下需要出现并取代它，所以我需要了解如何获取当前<li>元素的位置，比如当它在窗口的一半时，并相应地设置上一个图像。

我在一个 JSP 网站上工作。

我有 3 个主要的同心 div：

• “容器”（包含整个站点）
• “内容”（包含内容）
• “结果”（“内容”内部，包含大量服务器生成的数据）

我设置了 CSS，以便当大量数据存储在 div“结果”中时，水平和垂直滚动条会自动出现。

有效。

直到我将这些标签添加到页面顶部以解决其他一些不相关的问题：

我尝试了下面第二个答案中的建议，在 div 中设置高度。没有快乐，即使我用 px 设置了高度。如果可能，我需要用 %s 设置高度。

我对麻烦的 JSP 进行了屏幕保存，取出了所有与问题无关的垃圾并将 CSS intp 放在头部以简化问题的调试。下面的引用中是一个 HTML 文件，您可以将其放入浏览器和文本编辑器中，以亲自查看问题。粉红色的 div“结果”只应该和 stackoverflow 编辑框一样高，水平和垂直滚动条会根据需要出现。

结果.html：

我发现了一些可爱的网站 - http://www.mini.jp/event_campaign/big-point/、http://www.twenty8twelve.com/和http://www.scozzese.com - 都是垂直滚动的，所有当您滚动到一个新的“页面”时，使用一种将“页面”与浏览器顶部对齐的技术——即使您滚动到一半。

任何人都可以给我任何指示，例如我可以用来搜索更多信息的正确术语/单词，或者对这项技术背后的基础知识的简要介绍，或者如果存在任何 jQuery 等插件，我可以玩和学习吗？

我搜索了他们的代码，但没有跳出来如何去做，我的 Javascript 和 jQuery 仍然是新手级别。

我正在使用 GridView 在 WinRT XAML 应用程序中显示不同组的项目组。一切正常，除了 ItemsPanelTemplate 使用包装网格，当空间不足时，它会垂直堆叠我的项目。

所以，我尝试使用 StackPanel，如下所示：

这些项目是垂直堆叠的，这很好，但现在的问题是我无法滚动它们，而且它们不适合屏幕。所以我尝试启用垂直滚动：

但这不起作用。有什么建议如何在 GridView 组内完成垂直滚动？

编辑1：

我也试过这个：

这会破坏调试器，因为 ItemsPanelTemplate 需要一个面板作为子项。

我会尽量解释清楚。

我有一个侧边栏，例如 3 个项目。每个项目都是指向页面中锚点的链接。当我单击一个项目时，我使用 scrollTo 函数进行平滑滚动。它工作得很好。

但是我现在想要的是，当我滚动时，例如转到锚点 3，将自动选择滚动时显示的当前锚点。清除 ？

例如：项目 1 被选中。我开始滚动并到达锚点 2。自动选择项目 2 并且项目 1 将进入未选择状态。

我继续滚动并到达锚点 3。项目 2 将进入未选择状态，项目 3 被自动选择。

因此，项目状态会通过滚动而自动更改，而不仅仅是单击项目。

有没有聪明的方法来做到这一点？

提前谢谢。

巴斯蒂安