Tag: scroll

滚动显示/隐藏Div: 我有一个div位于幻灯片的底部，当用户滚动或使用向下箭头时我想要消失，然后在滚动回到顶部时重新出现。我猜这是结合了jquery滚动function？

jQuery window.scroll在相反方向上移动div垂直: 我有一个div在页面滚动上向下滚动，当我向上滚动div时向上滚动。我想反其道而行之这是代码： // SCROLL BUTTON // — iPhone picture should scroll in when down and down when up jQuery(window).scroll(function(){ jQuery(“.iphonepic”).stop().animate({ “top”: (jQuery(window).scrollTop() – 0.00) + “px”}, “slow”); }); 因此，当您向下滚动时，div应垂直向上，与滚动方向不同。小提琴演示： http ： //jsfiddle.net/khaleelm/sQZ9G/7/ 更新我也想限制DIV不要高于-150px，尝试 if ( parseInt(jQuery(“.iphonepic”).css(“top”), 10) >= -150 ) {

jQuery – frollOut on Scroll / fadeIn on“scrollstop”: 我有一个div定位工作，它被滚动事件触发。滚动事件多次被触发会导致闪烁的div，会发生什么。我的计划是在没有更多滚动事件被触发时淡出该div并重新开始。如何检查滚动结束？我想到了超时滚动的组合，但实际上并没有像我希望的那样有效。这是我到目前为止所得到的。 $(document).ready(function(){ //var animActive = false; $(window).scroll(function() { /* if (animActive == false){ animActive = true; $(‘.mceExternalToolbar’).fadeOut(100, function () { $(‘.mceExternalToolbar’).fadeIn(3000, function () { animActive = false; console.log(“NOW”); }); }); } */ topParentx = $(‘#tinyMCEwrapper’).position().top; if ($(this).scrollTop() >= topParentx){ $(‘.mceExternalToolbar’).css(‘top’, ($(this).scrollTop()-topParentx) + “px”); } else { $(‘.mceExternalToolbar’).css(‘top’, “0px”); }; }); […]

使div粘在屏幕顶部并在敲击页脚之前停止: 一旦用户开始向下滚动页面，我正试图对标题进行操作。我找到了这个例子如果滚动到屏幕顶部，我怎么能将div粘在屏幕顶部？我使用了24票的代码。现场演示。问题：1。我想在击中页脚之前停止div。我不想在页脚上显示它。 2.我不知道为什么这适用于jquery 1.3.2但不适用于1.5.2或更高版本。当然任何其他jquery代码/插件或ideea都会很棒！

为所有哈希链接/调用的滚动位置添加自动偏移量: 我有以下问题：就像在Facebook上一样，我在页面顶部有一个始终可见的菜单栏（ position: fixed; ）。当我现在单击我的页面上的哈希链接（或在URL中加载带有哈希的新页面）跳转到页面上的某个元素时，浏览器总是将此元素滚动到页面的最顶部，这意味着之后，元素位于顶部菜单栏的后面。我想添加一些Javascript（jQuery或普通Javascript），自动为此滚动位置添加（负）偏移量，以便在单击链接或加载页面时链接元素位于顶部菜单栏的正下方。但我不只是想将事件监听器添加到所有处理这个问题的链接。我还想要一个有效的解决方案，如果页面使用浏览器的地址栏在URL中加载了哈希部分（或者链接到url末尾带有哈希的不同页面）。您可以在http://loud.fm/tmp/details.html找到我的页面的clickdummy。单击左侧图像右上角的评论气泡跳转到评论。如果您的浏览器窗口足够小，则应在列出注释之前跳转到灰色的“COMMENTS”标题和分页。在点击跳转链接后，我希望标题和分页显示在顶部菜单的正下方。你能帮我解决这个问题吗？提前致谢！ 🙂 此致，René

当jQuery滚动页面时，jQuery淡出元素，当它们向后滚动时淡出: 我希望元素在页面顶部滚动时淡出，然后在向后滚动到页面时淡入。我写了一些有用的代码，但我正在寻找更优雅的解决方案。这是我在jsfiddle上工作的解决方案： http ： //jsfiddle.net/wmmead/JdbhV/3/ 我想找到一个更短，更优雅的代码，但是不能完全解决它。也许有一个数组和each（）方法？如果我把一个类放在div而不是ID上，它会缩短很短的时间，但是它们会立刻淡出。我希望每个框在页面滚动时淡出。 HTML CSS #box1, #box2, #box3, #box4, #box5, #box6 { width: 100px; height: 100px; background: orange; margin:100px auto; } #box6 { margin-bottom:600px; } jQuery的 var box1Top = $(‘#box1’).offset().top; var box2Top = $(‘#box2’).offset().top; var box3Top = $(‘#box3’).offset().top; var box4Top = $(‘#box4’).offset().top; var box5Top = $(‘#box5’).offset().top; var box6Top […]

当用户使用jQuery滚动浏览时，更改div css: 当用户滚过div时，我需要将其css更改为position：fixed。就像这里所做的一样： http ： //imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/但只有普通的jquery，没有插件。一旦用户滚动到另一个div，div也必须停止滚动。例如： //must start scrolling with user when user reaches it. // when #this reaches within say, 10px, of #footer it must stop in it’s current position, in order to prevent overlap 我假设我使用.scroll()和.css() ，但我不知道从那里去哪里。

如何使用jQuery在div中拖动和滚动: 我一直在寻找一段时间，但我找不到结合这些元素的方法：我想要一个100％宽度的div，有一行元素。我需要滚动浏览这个div，就像： http ： //jqueryfordesigners.com/demo/scrollable-timelines.html 所以带有隐藏的溢出等。但是现在，当我放开鼠标点击时，我想要一些平滑的轻松，所以它就像是一次扫描。因此，当我从左向右拖动屏幕并松开鼠标时，它将继续前进1秒并线性减速。嗯，我有意义吗？有没有人知道任何脚本或一些提示让我回到正轨？唐

AJAX请求后重复滚动到顶部: 可能重复：当点击一个触发javascript的链接时，如何阻止网页滚动到顶部？我的浏览器在ajax请求之后滚动到顶部然后我使用 $(‘html, body’).animate({ scrollTop: $(‘#loadMore’).offset().top }, 2000); 滚动回我的div。有没有办法阻止它从头开始滚动到顶部

防止鼠标中键单击滚动: 我正在寻找一种方法来阻止鼠标中键点击使浏览器开始滚动，并显示小滚动’指南针’。我已经看到使用javascript禁用中间点击滚动但是解决方案比我想要的更多hackey，并且似乎不是我实际可以使用的东西。我正在寻找一个更明确的“这是你如何做到”或“你不能这样做，儿子”。我当然对hacks和workarounds持开放态度。仅仅因为SO代码看起来更好用代码，这就是我用来在右键或中键点击时关闭工具提示的内容。 msg.mousedown(function(e) { if (e.which == 2) { //middle mouse click msg.hide(); e.preventScrolling(); //if only this worked… } else if (e.which == 3) { //right mouse click msg.hide(); } }).bind(‘contextmenu’, function(e) { e.preventDefault(); }).click(function(e) { e.stopPropagation(); }); 编辑：jQuery，JavaScript，无论如何，让我们现在玩得很好:) 编辑2：我更感兴趣的是防止小滚动’罗盘’而不是阻止页面滚动。我想从我最初的描述中不是很清楚。