jquery-waypoints相关内容

单页导航菜单 - 活动指示器

我正在尝试使用 jQuery 航点更新单页网站的导航. 我想根据当前视图中的部分更新导航.使用导航链接向下时效果很好.我的问题是,当您尝试滚动到当前部分上方的部分时,查看活动锚点位于应位于的位置下方. 请看我的演示. jQuery $(document).ready(function(){$('section').waypoint(function(direction) {th ..
发布时间:2022-01-10 18:13:16 前端开发

带有 wordpress 的 Waypoints.js

我正在开发一个 wordpress 网站,我需要触发用户滚动以触发不同的事件并隐藏/显示一些图像,所以 Waypoints.js 非常适合它. 但是,我尝试了不同的尝试以使其正常工作,但没有任何结果.我将它添加为functions.php文件中的一个函数,如下所示: function waypoints_method() {wp_deregister_script('jquery');wp ..
发布时间:2021-09-28 18:36:39 PHP

$(window).scroll 不够快来处理我的 jquery?

我在滚动窗口时遇到问题,我认为事件触发太快而无法处理. 我使用航点来检测页面上的子导航在滚动时何时击中标题,以及何时将标题向上推离页面.当向上滚动时,标题被下拉到其原始位置.现在第一部分完美无缺,头部被向上推,但将其拉回非常有问题.滚动太快会导致标题卡在路上. 它会像这样卡住:但它应该进一步下降: 如果你缓慢滚动它会起作用,但实际上它不会切割它.不幸的是,该网站尚未公开,所以我还 ..
发布时间:2021-07-17 19:09:54 其他开发

滚动显示动画

我想在滚动页面上循环显示图像,以使对象的效果在您向下滚动页面时顺时针旋转,然后在您向上滚动时逆时针旋转.我已经看过 Jquery Waypoints 插件可以做到这一点,但想知道是否有人知道一种更清洁的方法. 谢谢! 解决方案 我制作了一个快速脚本,以百分比显示当前滚动位置. 我认为这是从以下位置开始工作的良好基础: $(function(){var ms = $(docume ..
发布时间:2021-04-26 19:35:16 前端开发

jQuery Waypoint-具有相同CLASS的多个div

我已按照本教程进行操作: http://spin .atomicobject.com/2015/05/31/scroll-anmiation-css-waypoints/成功.我想在页面上的几乎每个元素上应用渐变.这意味着使用该jQuery方法,我将为每个元素创建单独的类并复制代码,因为否则,当前具有相同类的每个元素仅在第一个Waypoint处淡入. 这就是我所拥有的: // hide ..
发布时间:2020-11-03 23:01:50 其他开发

为什么(jQuery)Waypoint是“视图下方"在隐藏元素上不起作用?

我正在尝试使用jQuery& Waypoint(以前是jQuery Waypoint)可以在用户向下滚动时动态显示隐藏的图像. 我发现我可以很容易地向元素添加航路点,并在元素处于“视线"状态(将offset属性设置在“视线底部")时触发处理程序. 但是,尝试使用相同的属性在隐藏元素上无效:在加载页面后立即触发处理程序. 例如:当已经显示的元素进入视口时,将它们隐藏起来很容易. ( ..
发布时间:2020-06-28 20:16:40 其他开发

在WayPoint中,是否有办法说出实际网站顶部与浏览器窗口当前顶部之间的偏移量?

我有一个以基本SVG动画开头的徽标.当用户向下滚动时,它会触发另一个动画,该动画将徽标向侧面推并显示徽标的一部分.当您向上滚动时,徽标会滑回到视图中. 这一切都很好! 问题 如果我重新加载页面的一半,或者将鼠标悬停在链接上(这很奇怪),动画将重新启动,因此徽标可见并且覆盖了内容.这显然不是期望的效果. 问题 我可以说有什么办法可以使页面的顶部相对于浏览器的顶部偏移20%,以便动画 ..
发布时间:2020-06-27 23:09:46 其他开发

使用JQuery预加载图像以获取图像的主色

我创建了以下测试页: http://methodus.de/wp/ 它获取每个博客文章图像的主要颜色,并在向下滚动页面时将其用作动画.不幸的是,只要图像未完全加载,就无法计算颜色(请参见javascript警报).动画不起作用.当我重新加载页面时,浏览器会缓存图像,并且所有内容都像魅惑一样工作. 相关代码为: $('.bg').each(function(index) { ..
发布时间:2020-05-20 00:09:20 前端开发

如何在航点功能内的滚动上设置动画?

当用户向下滚动时,我的图像出现在屏幕的左侧和右侧. 使用divPosition = $('div').offset().top;获取包含元素的位置,我从scrollValue = $(document).scrollTop();中减去该值,并将该值应用于绝对定位的图像上的左侧位置. 包含div的偏移量是在刷新和调整大小时计算的.在不调整窗口大小的情况下,x=scrollValue - ..
发布时间:2019-11-18 12:23:03 JavaScript

重新初始化航点

因此,我正在尝试处理此插件的超薄文档 http://imakewebthings.com/waypoints/ 很简单的东西,每次我的页脚出现时,我都通过ajax获取新元素并追加它们.除非一次击中某个路标,否则它将不会再次运行,我在做什么错了? $('#footer').waypoint(function (direction) { ..
发布时间:2019-11-18 10:55:07 前端开发

使用.destroy();带有Waypoint,但仅在一个对象上

我有两个不同的对象用于触发两个不同的Waypoint事件,这些事件随后触发Velocity.js(淡入/淡出库). 第一个偶数(在secondary上的那个)应该永恒地上下起火,并且每次都起火.但是,在.process上的第二个应该只触发一次,然后再重新触发,直到重新加载页面为止. 当我在第二个函数中插入.destroy();时,它将关闭整个页面的所有航路点事件.知道为什么吗? ..
发布时间:2019-11-18 10:45:52 前端开发

元素属性ID返回未定义

我尝试使用waypoints.js并在用户滚动到菜单元素时使菜单元素处于活动状态.如我所见,航路点效果很好,但我无法获得当前部分id ...控制台始终说undefined. 那么,我在做什么错了? 我的脚本是: jQuery(function() { var sections = jQuery('section'); var navigation_links = ..
发布时间:2019-11-16 17:23:16 前端开发

使用jquery航点连续滚动

我正在尝试按照 SO答案创建无限滚动技术.在我的示例代码中,为什么它不起作用?我想模拟每次到达底部时都会加载的内容.目前,它只能使用有限的数量. 阅读文档后,我认为我没有正确刷新.我怀疑重新计算“触发点" 没有触发.我不确定如何使其工作. 在我的示例中,我通过调用附加更多Div的getMore()函数来模拟正在加载的新内容.我想达到页面永无止境的效果. 请参阅: jsfiddle ..
发布时间:2019-11-16 15:25:05 前端开发

如何触发仅在有水点的情况下的类

在每个部分中,我都有多个类为blockList li的部分.我如何才能仅触发视图中的当前blockList li项目?当前,一旦查看了任何列表项,即使它们不在视图中,它们也会在整个页面中触发. 下面的代码段说明了我遇到的问题. $('.blockList').waypoint(function() { $('.blockList li').each(function(index) ..
发布时间:2019-11-16 12:14:21 前端开发