Tag: 滚动

如何在滚动时locking表格的第一行和第一列，可能使用JavaScript和CSS？

如何创build一个表的第一行和第一列都locking，如在Excel中，当你激活“冻结窗格”？ 我需要表格既水平和垂直滚动（有很多解决scheme，但只允许垂直滚动）。 所以，当你在表格中向下滚动时，第一行将保持放置，因为它将具有列标题。 这可能最终会成为一个thead ，或者可能不会，无论如何，解决scheme更容易。 向右滚动时，第一列保持放置状态，因为它包含行的标签。 我相当肯定这是不可能的CSS，但任何人都可以指向我的JavaScript解决scheme？ 它需要在所有主stream浏览器中运行。

停止页脚的固定位置

我正在寻找一个解决scheme来解决页面页脚的固定对象的stream行问题。 我基本上在屏幕的左下angular有一个固定的“共享”框，我不希望它滚动页脚，所以我需要它停止页脚上方约10px 。 我在这里也看到了其他的问题。 我能find的最接近/最简单的演示是http://jsfiddle.net/bryanjamesross/VtPcm/，但我无法得到它与我的情况。 这是分享框的html： <div id="social-float"> <div class="sf-twitter"> … </div> <div class="sf-facebook"> … </div> <div class="sf-plusone"> … </div> </div> …和CSS： #social-float{ position: fixed; bottom: 10px; left: 10px; width: 55px; padding: 10px 5px; text-align: center; background-color: #fff; border: 5px solid #ccd0d5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none; } 页脚是#footer ，它没有固定的高度，如果这有什么区别。 如果有人可以帮助我创build一个简单的jQuery解决scheme，我非常感谢！

带ListBox的WPF列表框 – UI虚拟化和滚动

我的原型显示包含由缩略图表示的“页面”的“文档”。 每个文档可以有任意数量的页面。 例如，可能有1000个文档，每个5个页面，或者5个文档每个1000个页面，或者中间的某个位置。 文件不包含其他文件。 在我的xaml标记中，我有一个ListBox ，其ItemsTemplate引用一个innerItemsTemplate也有一个ListBox 。 我想要2级选定的项目，以便我可以在文档或页面上执行各种操作（删除，合并，移动到新位置等）。 innerItemsTemplate ListBox使用一个WrapPanel作为ItemsPanelTemplate。 对于每个页面数量较多（比如10000个文档，每页5个页面）的大量文档，滚动效果非常好，这得益于VirtualizingStackPanel的UI虚拟VirtualizingStackPanel 。 但是，如果我有大量的页面，则会出现问题。 一个1000页的文档一次只能显示大约50个（无论在屏幕上），而当我向下滚动时，外部ListBox移动到下一个文档，跳过950页左右，这是不可见的。 随着这一点，没有VirtualzingWrapPanel所以应用程序内存真的增加。 我想知道我是否正在以正确的方式进行，特别是因为这很难解释！ 我希望能够显示10000个文件，每个1000页（只显示任何适合的屏幕），使用UI虚拟化，也顺利滚动。 我怎样才能确保滚动浏览文档中的所有页面，然后显示下一个文档，并保持UI虚拟化？ 滚动条似乎只移动到下一个文档。 代表“文件”和“页面”似乎是合乎逻辑的 – 用我目前在ListBox使用ListBox ListBox ？ 我非常感谢你有任何想法。 谢谢。

当鼠标hover在绝对div上时，jQuery禁用滚动

我试图禁用鼠标hover在div上的窗口鼠标滚动function – 以便只有div滚动启用 – 当鼠标移离div – 滚动到窗口再次应用。 div绝对定位。 我见过这个post使用jquery禁用鼠标滚轮function，当鼠标光标在一个div内？ 但似乎没有提供任何答案 – 因此我的问题。 我假设它会是这样的（如果只有这些方法存在）： $('#container').hover(function() { $(window).scroll().disable(); $(this).scroll().enable(); }, function() { $(window).scroll().enable(); });

检测页面是否有垂直滚动条？

我只是想要一些简单的JQ / JS来检查当前的页面/窗口（而不是一个特定的元素）是否有一个垂直的滚动条。 谷歌search给我的东西，似乎只是这个基本function过于复杂。 如何才能做到这一点？

在页面加载时滚动滚动到ID

在页面加载时，要将滚动设置为特定的ID。 我做了大量的研究，碰到这个： $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); 但是这似乎是从ID开始的，并在页面顶部生成animation？ HTML（这是页面的一半）很简单： <h2 id="title1">Title here</h2>

CSS – 溢出：滚动; – 总是显示垂直滚动条？

所以目前我有： #div { position: relative; height: 510px; overflow-y: scroll; } 但是我不相信有些用户会看到有更多的内容。 他们可以向下滚动页面，而不知道我的div实际上包含更多的内容。 我使用高度510px，以便它切断了一些文本，所以在一些页面上它看起来像有更多的内容，但是这并不适用于所有这些内容。 我使用的是Mac，在Chrome和Safari中，垂直滚动条仅在鼠标hover在Div上时显示，并且您正在进行滚动。 有没有办法让它始终显示？

我可以改变滚动速度使用CSS或jQuery？

在这个jsFiddle的例子中 ，我想降低div的内容的滚动速度，尤其是当使用鼠标滚轮时，因为一个滚轮大约滚动div的高度。 是否有可能用CSS控制，如果没有，JavaScript（也许使用jQuery）？ 注意：我意识到，os / browers和浏览器设置的滚动速度可能会有所不同。 但我认为，在大多数情况下，滚动速度（使用鼠标滚轮时）速度太快，所以我想慢下来。

滚动位置时显示Div

首先我想参考这个网站： http ： //annasafroncik.it/我喜欢这些animation。 难以在jQuery中创build一个类似的function？ 有没有插件来创造这样的效果？ 希望有人能帮助我。

更有效的方式来处理jQuery中的$（窗口）.scroll函数？

在下面的代码中，我正在检查窗口是否正在滚动到某个点，如果是，请将元素更改为使用固定位置，以便它不会从页面的顶部滚动。 唯一的问题是，似乎是高度客户端内存密集型（并真正陷入滚动速度），因为在每一个滚动像素，我更新元素上的样式属性。 在尝试更新attr之前检查attr是否已经存在，是否有重大区别？ 是否有一个完全不同的，更有效的做法来获得相同的结果？ $(window).scroll(function () { var headerBottom = 165; var fcHeight = $("#pnlMainNavContainer").height(); var ScrollTop = $(window).scrollTop(); if (ScrollTop > headerBottom) { $("#HeaderContentBuffer").attr("style", "margin-top:" + (fcHeight) + "px;"); $("#AddFieldsContainer").attr("style", "position:fixed;width:320px;top:70px;left:41px;"); } else { $("#HeaderContentBuffer").attr("style", "margin-top: 0px;"); $("#AddFieldsContainer").removeAttr("style"); } }); 正如我input这个，我注意到，StackOverflow.com使用相同types的function与他们的黄色“类似的问题”和“帮助”菜单在这个页面的右侧。 我想知道他们是如何做到的。