Tag: scroll

jQuery让背景滚动的印象变慢: 我有以下代码，这只是为了让一个div滚动比另一个更慢的印象，但滚动时背景div抖动有一个问题。任何想法为什么会发生这种情况以及我如何解决这个问题？编辑：这似乎并不是所有浏览器的问题，所以我想我现在正在寻找一种更安全的方式来实现这种效果…… http://jsfiddle.net/KRv5V/ $(document).ready( function() { $(window).scroll(function() { var scrollTop = $(window).scrollTop(); var divam = 1.2; $(“.sky”).css({ “top”:scrollTop/divam+”px”, “height”:10000-(Math.round(scrollTop/divam))+”px” }); }); }); .sky { height:10000px; width:100%; position:absolute; top:0px; left:0px; background-image:url(http://sofzh.miximages.com/javascript/clouds45.jpg); z-index:1; } .red { height:10000px; width:50%; position:absolute; top:0px; right:25%; background-image:url(http://sofzh.miximages.com/javascript/red-pirate.jpg); z-index:2; background-position:center; }

jQuery – 检查元素是否进入视图，淡化那些元素: 当我知道要指定哪个元素时，我找到了这个问题的答案，但我正在寻找的方法是检查’滚动’是否有任何具有特定类的元素进入视图，并修改它们（例如，改变不透明度 – 只有那些进入视野的人）。我知道代码可能看起来与此类似，但我无法使其工作： jQuery(window).on(“scroll”, function() { var difference = jQuery(window).offset().top + jQuery(window).height()/2; if (difference > jQuery(“.makeVisible”).offset().top) { jQuery(this).animate({opacity: 1.0}, 500); } }); 非常感谢你。注意：存在变量差异，因为我希望元素在到达屏幕中间时变得可见。

在javascript中实现固定位置会在滚动时导致Safari中的抖动: 固定位置对我的用例不起作用，因为它固定在浏览器窗口中，你可以进入一个状态，文本在屏幕右侧，你无法进入它。无论如何，我试图使用绝对定位然后调整javascript中的“顶部”。它在firefox和Chrome中运行得非常好，但在Safari中，滚动时内容会抖动。 http://jsfiddle.net/Z8UFE/4/ fixed $(document).ready(function() { var documentHeight = $(document).height(); $(document).scroll(function() { var scrollTop = $(window).scrollTop(); $(“.sticky”).offset(function() { $this = $(this); var offsetTop = $this.data(“offset-top”); if (scrollTop < 0) { scrollTop = 0; } var newTop = offsetTop + scrollTop; if (newTop maxTop) { newTop = maxTop } // Prevents a bit of jitter […]

将内容添加到列表时保持滚动位置（AngularJS）: 我一直试图通过使用ng-repeat将一些项目添加到可滚动容器中的列表中，并且最近的一个应该位于列表的顶部。如果在添加内容时容器的滚动条不在顶部，我还需要保持滚动位置。这是我的解决方案，但我仍有问题。在角度为dom渲染前置项目后，总会出现闪烁。 var myApp = angular.module(‘myApp’, []); myApp.controller(‘MainCtrl’, function($scope, $interval, $timeout) { $scope.items = []; $interval(function() { var item = { id: Math.random(), text: (new Date()).toString() }; $scope.items.unshift.apply($scope.items, [item]); var $container = $(‘.stream-container’); var $topItem = $(‘.item:first’); var oScrollTop = $container.scrollTop(); var oOffset = $topItem.length ? $topItem.position().top : 0; $timeout(function() { // Executed […]

使用最小标记和哈希标记简单地“滚动到/向下”效果: 我正在制作一个单页网站，顶部有经典导航。现在我将链接设置为哈希标记，以便在页面中导航： About … … 显然，这是有效的，但跳转到约部分是即时的，而不是渐进的。我正在寻找一个非常简单的实现，以便逐步过渡。我不想要任何幻想。没有轴，偏移或任何其他选项。我只是希望滚动过渡是渐进的。我想要的唯一设置是完成滚动所需的时间。另外，我想对我的标记几乎没有任何更改。我见过几个javascript插件，要求你使用锚标签来设置html文档中的位置 – 我不希望这样。这个网站看起来很有前景，但我不知道如何设置它。没有演示，所以我看不到如何设置它。我在Javascript中不是那么有文化。此外，jQuery的ScrollTo插件太复杂了。我愿意使用一个有很多选项的插件，但我只是不希望这些选项阻止我弄清楚如何设置它。任何帮助将非常感激！

当页面滚动时，如何在div上快速移动1 div: 我在这看到了这个效果。当页面滚动时，页面的主要内容部分在div上方移动。我尝试使用视差效果重新创建这个效果，但是徒劳无功。问题是使用视差，我只能在同一个div中改变2个物体的速度。除此之外，我将不得不放置一些不必要的标签使脚本工作的页面。有没有更简单（或工作）的方法来实现这种效果？非常感谢

隐藏滚动条但能够使用鼠标滚动: 我想隐藏滚动条以显示在一个长div上，但仍然可以滚动鼠标或键盘箭头键。我在这里阅读另一个关于scrollable的post。想要使用它..但是无法实现…有人可以引导我如何清楚地实现它或jquery或css还有其他选择吗？任何帮助将不胜感激。谢谢

jQuery Mobile只滚动内容，而不是整页: 我正在用jQuery Mobile和Phonegap构建一个应用程序。现在，当我有一个页面需要滚动时，jQuery Mobile滚动整个页面，而不是内容。滚动条应仅位于内容部分的位置。但似乎滚动条滚动整个页面。它位于固定页眉和固定页脚的顶部。有谁解决了这个问题？

在IE8中使用jQuery JSTree滚动点击处理程序时不再起作用: 我正在使用JStree来创建一个基本树。在每个浏览器中，这打开，关闭，…在IE8中除外。我将问题缩小到这个范围：当我不滚动页面并且树位于页面顶部时，所有点击都可以正常工作。当我滚动页面（例如20px）然后尝试打开树时，这不起作用。奇怪的是，如果我点击箭头上方20px打开树，这是有效的。我需要在实际箭头上方点击的像素数量取决于我在页面上滚动了多少。我想这与某些元素的定位有关，但我无法弄明白。有没有人有任何经验或JSTree或IE8中是否存在已知错误？非常感谢