jquery-waypoints相关内容
我正在尝试使用 jQuery 航点更新单页网站的导航. 我想根据当前视图中的部分更新导航.使用导航链接向下时效果很好.我的问题是,当您尝试滚动到当前部分上方的部分时,查看活动锚点位于应位于的位置下方. 请看我的演示. jQuery $(document).ready(function(){$('section').waypoint(function(direction) {th
..
我正在开发一个 wordpress 网站,我需要触发用户滚动以触发不同的事件并隐藏/显示一些图像,所以 Waypoints.js 非常适合它. 但是,我尝试了不同的尝试以使其正常工作,但没有任何结果.我将它添加为functions.php文件中的一个函数,如下所示: function waypoints_method() {wp_deregister_script('jquery');wp
..
我在滚动窗口时遇到问题,我认为事件触发太快而无法处理. 我使用航点来检测页面上的子导航在滚动时何时击中标题,以及何时将标题向上推离页面.当向上滚动时,标题被下拉到其原始位置.现在第一部分完美无缺,头部被向上推,但将其拉回非常有问题.滚动太快会导致标题卡在路上. 它会像这样卡住:但它应该进一步下降: 如果你缓慢滚动它会起作用,但实际上它不会切割它.不幸的是,该网站尚未公开,所以我还
..
我正在尝试使用waypoints.js在滚动以击中元素时使元素淡入. 我有 $(document).ready(function(){$('.card').waypoint(function(down){console.log('hit element');$(this).addClass('card-fadeIn');},{offset:'100%'});}); 这是添加不透明度1
..
我想在滚动页面上循环显示图像,以使对象的效果在您向下滚动页面时顺时针旋转,然后在您向上滚动时逆时针旋转.我已经看过 Jquery Waypoints 插件可以做到这一点,但想知道是否有人知道一种更清洁的方法. 谢谢! 解决方案 我制作了一个快速脚本,以百分比显示当前滚动位置. 我认为这是从以下位置开始工作的良好基础: $(function(){var ms = $(docume
..
我已按照本教程进行操作: http://spin .atomicobject.com/2015/05/31/scroll-anmiation-css-waypoints/成功.我想在页面上的几乎每个元素上应用渐变.这意味着使用该jQuery方法,我将为每个元素创建单独的类并复制代码,因为否则,当前具有相同类的每个元素仅在第一个Waypoint处淡入. 这就是我所拥有的: // hide
..
我正在尝试使用jQuery& Waypoint(以前是jQuery Waypoint)可以在用户向下滚动时动态显示隐藏的图像. 我发现我可以很容易地向元素添加航路点,并在元素处于“视线"状态(将offset属性设置在“视线底部")时触发处理程序. 但是,尝试使用相同的属性在隐藏元素上无效:在加载页面后立即触发处理程序. 例如:当已经显示的元素进入视口时,将它们隐藏起来很容易. (
..
尽管一切看起来不错,但我无法在RequireJS中使用路标. 这是我的代码: http://jsfiddle.net/7nGzj/ main.js requirejs.config({ "baseUrl": "theme/PereOlive/js/lib", "paths": { "app":"../app", "jquery": "//ajax
..
我正在使用 http://imakewebthings.com/jquery-waypoints 并在其上有5个类(员工)当到达头等舱时,所有航站楼将立即触发航路点.如何上演它,以便您通过列表时可以添加?
..
我有一个以基本SVG动画开头的徽标.当用户向下滚动时,它会触发另一个动画,该动画将徽标向侧面推并显示徽标的一部分.当您向上滚动时,徽标会滑回到视图中. 这一切都很好! 问题 如果我重新加载页面的一半,或者将鼠标悬停在链接上(这很奇怪),动画将重新启动,因此徽标可见并且覆盖了内容.这显然不是期望的效果. 问题 我可以说有什么办法可以使页面的顶部相对于浏览器的顶部偏移20%,以便动画
..
我收到控制台错误: 未捕获的TypeError:$(...).waypoint不是函数 仅供参考:这是一个使用XML的Blogger模板. 我已经包含了这样的文件(仅这两个.js文件):
..
我创建了以下测试页: http://methodus.de/wp/ 它获取每个博客文章图像的主要颜色,并在向下滚动页面时将其用作动画.不幸的是,只要图像未完全加载,就无法计算颜色(请参见javascript警报).动画不起作用.当我重新加载页面时,浏览器会缓存图像,并且所有内容都像魅惑一样工作. 相关代码为: $('.bg').each(function(index) {
..
我正在使用航点,它会向我发送此消息: 未捕获的TypeError:无法读取未定义的属性"each" 这是我通过vue.js + rails获得代码的方式:
..
当用户向下滚动时,我的图像出现在屏幕的左侧和右侧. 使用divPosition = $('div').offset().top;获取包含元素的位置,我从scrollValue = $(document).scrollTop();中减去该值,并将该值应用于绝对定位的图像上的左侧位置. 包含div的偏移量是在刷新和调整大小时计算的.在不调整窗口大小的情况下,x=scrollValue -
..
因此,我正在尝试处理此插件的超薄文档 http://imakewebthings.com/waypoints/ 很简单的东西,每次我的页脚出现时,我都通过ajax获取新元素并追加它们.除非一次击中某个路标,否则它将不会再次运行,我在做什么错了? $('#footer').waypoint(function (direction) {
..
我有两个不同的对象用于触发两个不同的Waypoint事件,这些事件随后触发Velocity.js(淡入/淡出库). 第一个偶数(在secondary上的那个)应该永恒地上下起火,并且每次都起火.但是,在.process上的第二个应该只触发一次,然后再重新触发,直到重新加载页面为止. 当我在第二个函数中插入.destroy();时,它将关闭整个页面的所有航路点事件.知道为什么吗?
..
我有一个元素,该元素使用waypoints.js和以下代码粘贴在页面底部: $('.sticky-container').waypoint(function (direction) { if (direction == 'down') { $(this).addClass('active'); } else { $(this
..
我尝试使用waypoints.js并在用户滚动到菜单元素时使菜单元素处于活动状态.如我所见,航路点效果很好,但我无法获得当前部分id ...控制台始终说undefined. 那么,我在做什么错了? 我的脚本是: jQuery(function() { var sections = jQuery('section'); var navigation_links =
..
我正在尝试按照 SO答案创建无限滚动技术.在我的示例代码中,为什么它不起作用?我想模拟每次到达底部时都会加载的内容.目前,它只能使用有限的数量. 阅读文档后,我认为我没有正确刷新.我怀疑重新计算“触发点" 没有触发.我不确定如何使其工作. 在我的示例中,我通过调用附加更多Div的getMore()函数来模拟正在加载的新内容.我想达到页面永无止境的效果. 请参阅: jsfiddle
..
在每个部分中,我都有多个类为blockList li的部分.我如何才能仅触发视图中的当前blockList li项目?当前,一旦查看了任何列表项,即使它们不在视图中,它们也会在整个页面中触发. 下面的代码段说明了我遇到的问题. $('.blockList').waypoint(function() { $('.blockList li').each(function(index)
..