Tag: 垂直滚动

如何使用jquery从内部滚动iframe？

我正在使用一个生成iframe的shadowbox来显示页面上的产品详细信息。 因为详细信息页面可能很长，所以客户端需要一个“更多”按钮来向下滚动页面（显然iframe右侧的滚动条是不够的）。 这是为了让iframe滚动我试过的代码： $(document).ready(function() { $(“.moreButton img”).click(function() { scrollbottom(); }); }); function scrollbottom() { var x = 250; // this number is a temporary placeholder var t = 500; $(“iframe”).animate({ scrollTop: x }, t); } 我也尝试使用body而不是iframe，但无济于事。 有任何想法吗？ 谢谢！

Javascript使侧边栏“滚动”到页面，直到其底部边缘打到页脚

Javascript使侧边栏“滚动”到页面，直到其底部边缘打到页脚。 关键是我有这个侧边栏应该与页面一起滚动并在它的底部边缘撞到页脚的顶部边缘时停止 – 在此之后它应该默认行为（再次是静态的），这可以在这里看到： http： //zakuvavanje.rs/ 。 这个问题类似于这个jQuery滚动DIV：当DIV到达页脚时停止滚动 ，我不想问这个问题，但是我不知道如何实现它，脚本应该放到我放的地方 console.log(‘now the script should start’); PS问题是针对较小的屏幕，请将视口设置为1366×768或更低以查看问题。 这是我脚本的pastebin： http ： //pastebin.com/8anjKR1d ，这里的脚本相同： //”fixed” sidebar function scrollingAside() { var $aside = $(‘.aside’), asideH = $aside.outerHeight(), asideTop = $aside.offset().top, docH = $(document).height(), asideOfsB = docH – asideTop – asideH, footerH = $(‘.footer’).outerHeight(), wScrollTop = $(window).scrollTop(), wHeight = $(window).height(), scrollBtm […]

如何使用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()方法绑定滚动，因为我还有一个导航列表，可以让你跳转到所需的幻灯片，它也解释了这一点。 我希望我在这方面做得很清楚：图像必须始终保持在中心，而滚动幻灯片需要覆盖它们，当图像被覆盖时，以下需要出现并取而代之，所以我需要了解如何获取当前 元素的位置，比如当它在窗口的中间位置时，并相应地设置前一个图像。

使用snap / align to div / element / anchor进行垂直滚动

我发现了一些可爱的网站 – http://www.mini.jp/event_campaign/big-point/,http：//www.twenty8twelve.com/和http://www.scozzese.com – 所有垂直滚动，以及所有当您滚动到一个新的“页面”时，使用一种将“页面”对齐到浏览器顶部的技术 – 即使您向中间滚动一半。 任何人都可以给我任何指针，例如我可以用来搜索更多信息的正确术语/单词，或者介绍这种技术背后的基础知识，或者如果存在任何jQuery等插件，我可以玩和学习吗？ 我搜索了他们的代码但没有跳出来如何做到这一点，我的Javascript和jQuery仍然是新手级别。