Tag: 偏移

如何让scrollToFix插件限制停在我网站的页脚？

我在我的网站上使用scrollToFix脚本来修复广告，因为用户向下滚动页面以及当用户到达页脚时释放（以便广告不与页脚重叠）。 但是，下面的代码会导致广告停止在页面的三分之一和一半之间滚动，而不是在页脚处。 将其设置为滚动到容器的outerHeight减去页脚的高度，使其停止在该位置。 $(document).ready(function() { $(‘.right’).scrollToFixed({ marginTop: $(‘.float’).outerHeight() + 8, limit: $(‘footer’).offset().top }); }); 有没有关于如何更准确地停止它的想法？

如何使用jQuery在垂直滚动网站中获取当前可见幻灯片

这个问题可能听起来很傻，但它让我头疼。 我想制作一种由不同幻灯片组成的垂直滚动演示文稿; 效果应与本网站“相似”： http ： //www.soleilnoir.net/believein/#/start 我创建了一个包含不同幻灯片的无序列表： 我给出了一个position:fixed在页面中心的所有幻灯片的内容（到目前为止是图像），以及一个不同的z索引，以使幻灯片和图像堆叠。 就像是 —– slide 1 §§§ image 2 —– slide 2 §§§ image 3 —- slide 3 等等 这当然仅在某种意义上起作用：当滚动时，幻灯片揭示下面的幻灯片，但是由于其固定的定位，以前的图像始终可见而全部从流中移除。 所以我想给图像一个position:absolute （并给出position:relative对于 ）但是这不会使它们在页面中心“粘滞”，直到新幻灯片到达并覆盖它们，它们是当然，在他们的运动中自然跟随他们的父母 。 我完全不知所措，还有如何在窗口中获取当前的可见性列表。 我查看了jQuery提供的所有内置函数： scrollTop() ， offset().top ， position().top ，我得到$(window).height() ， $(‘#container’).height() ， 的高度是固定的，但我得到的只是元素的“绝对”位置（我的意思是，它不会随着滚动而改变），我无法弄清楚当幻灯片中途时怎么说在屏幕上，这样我就可以做某事（但仍然不知道是什么）。 我确定我在这里遗漏了一些明显的东西。 我已经研究了链接网站的代码，虽然我几乎可以理解它的所有内容，但我仍然无法弄清楚它是如何获得当前幻灯片的（此外，它与我的工作方式不同，因为它加载动画GIF动态和每张幻灯片只会这样做。在我的每张幻灯片中都是一个包含不同元素，动画等的容器。 例如，如果$(‘li#slide3’)在视图中，我该如何获得？ 如何解决堆叠图像问题？ 我是否需要动态地将它们设置为“固定”，或者在每次滚动时重新计算它们的位置以便position:absolute会做什么？ 对于这一秒，我仍然需要将每个元素的位置与固定点进行比较（我相信$(window).scrollTop() ，到目前为止在滚动时总是给出0），但我无法弄清楚怎么样。 哦，我正在使用jQuery scroll()方法绑定滚动，因为我还有一个导航列表，可以让你跳转到所需的幻灯片，它也解释了这一点。 我希望我在这方面做得很清楚：图像必须始终保持在中心，而滚动幻灯片需要覆盖它们，当图像被覆盖时，以下需要出现并取而代之，所以我需要了解如何获取当前 元素的位置，比如当它在窗口的中间位置时，并相应地设置前一个图像。

如果靠近窗口边缘，则重新定位下拉菜单

我正在使用以下代码重新定位我的下拉菜单，如果它们落在浏览器窗口区域之外。 但是它在Internet Explorer 7和8中不起作用。 jQuery(document).ready(function(){ jQuery(“#nav>ul>li”).each(function() { pos = jQuery(this).offset(); if(pos.left + 100 > jQuery(window).width()+window.pageXOffset-jQuery(this).width()) { jQuery(this).addClass(“nav-shift”);} }); });

使用animate.scrolltop和（target）.offset（）计算固定标头.top;

这应该是一个非常基本的问题，但是我早上大部分时间都在扔它，而且此时我已经接近了。 我甚至没有一点js foo – 但我找到了一个很好的评论代码块，我希望用它来动画锚链接： $(document).ready(function() { $(‘a[href*=#]’).bind(‘click’, function(e) { e.preventDefault(); //prevent the “normal” behaviour which would be a “hard” jump var target = $(this).attr(“href”); //Get the target var scrollToPosition = $(target).offset().top; // perform animated scrolling by getting top-position of target-element and set it as scroll target $(‘html, body’).stop().animate({ scrollTop: scrollToPosition}, 600, function() { location.hash […]