问题标签 [jquery-scrollify]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用固定标题滚动:偏移量未应用于第一部分
我正在制作一个简单的网站,它是一个插图画廊,每个页面都尽可能大地显示。页面顶部还有一个固定的标题。
所以这是一系列幻灯片,img
每张幻灯片,图像的高度是视口的高度减去标题的高度。它工作得很好,但是当我添加Scrollify时出现问题。
这是情况的简化版本:
https ://thimbleprojects.org/nclm/457411/
如您所见,第一部分在到达时错误地向下滚动。考虑到offset
我定义的并与标题很好地对齐,其他部分工作得很好,但 Scrollify 似乎忽略了第一部分的偏移量,因此对齐不正确。
这可能是因为我如何在 CSSmargin-top
中使用标题高度的a 来移动页面内容body
,但我尝试将其他margin-top
s 和padding-top
s 应用于不同的部分(body
, #slides
, .slide:first-of-type
),但它们都会导致相同的问题。
我也尝试使用 来制作#slides
固定高度overflow: auto
,但不知何故 Scrollify 不能应用于整个页面以外的另一个元素(如果我错了,请纠正我)。
我在如何应用 Scrollify 上错了吗?有人可以指出我的方法吗?
万分感谢。
编辑:添加代码段的 Stack Overflow 托管副本:
jquery-scrollify - 我的页面偶尔会卡在滚动的中间
希望我不会用一个愚蠢的问题来打扰插件创建者。
我创建了一个 CodePen 来测试我的网站的滚动,但偶尔(4 次中有 1 次)滚动会在两个部分之间捕捉,然后,如果我再次滚动,它会继续出现错误。我不知道为什么,但刷新页面使它工作。
我正在使用的选项是:
});
有人可以帮我吗?
jquery - scrollify 插件中不同部分的不同偏移量
我在我的网站上使用 jQuery scrollify 插件。它工作得很好,但我需要为页面的不同区域设置自定义偏移量。例如,我所有的部分元素的偏移量应为 -200,而 2页脚元素的偏移量应为 -100px 和 -50px。这不能仅通过使用 interstitialSection 来实现。任何人都可以为此提出解决方案吗?
HTML
JS
javascript - jQuery - 将变量作为选项传递
我有一个我生成的变量(在以前的问题/答案的帮助下),看起来像这样......
控制台日志中返回的输出是...
我现在尝试在初始化这样的 jquery 插件时使用这个变量作为一个选项......
这不起作用,只是返回“ids”而不是 ids 的值。我做错了还是接受变量的能力取决于jQuery插件本身?
javascript - 当部分高于屏幕高度时如何临时禁用“滚动”
我正在尝试为我的网站使用 scrollify。它现在有三个页面(部分)。第二页(部分)比屏幕高度高,所以我想禁用“滚动”,直到它到达第二页的底部。但是在我的代码中,当页面滚动一点时,它会在到达第二页底部之前进入第三页。我该如何解决这个问题?我把我的部分代码放在这里
HTML
CSS
JS
jquery-scrollify - jquery-scrollify 中允许哪些缓动函数?
scrollify 函数中“easing”属性的所有可能选项是什么?我已经尝试了几个,但除了默认的“easeOutExpo”之外,它们都破坏了滚动功能
typescript - 如何仅在 Angular 7 的一个组件中使用 jquery-scrollify?
我正在为 Angular 7 项目使用 jquery scrollify。我已经使用这个命令来安装 jquery-scrollify
然后在 angular.json 中添加它的路径
"node_modules/jquery-scrollify/jquery.scrollify.js",
并在我的第一个组件中使用了这段代码
并且 scrollify 开始显示其对该组件的影响,但是当它也开始显示其对其他组件的影响时,就会出现问题。页面停止滚动。我在其他组件上尝试了以下代码但不起作用
或者
请告诉我在 Angular 7 中添加 jquery scrollify 的正确方法
jquery-scrollify - jquery-scrollify - 第一部分哈希
在我的网站上,我使用以下代码实现了 scrollify,但是在加载时,第一个哈希设置为 #1 而不是 #home(定义)。只有当您向下和向上滚动时,它才会被加载。我怎么能改变这个?
谢谢您的支持
javascript - 如何将 Scrollify.js 与 Wordpress 和 Elementor 一起使用?
我对 Web 开发和编程完全陌生,我想在我的 WP 网站上使用 Scrollify。
所以我只想在一页中加载 Scrollify,所以我将它添加到functions.php
}
我在控制台中添加了一条消息,以查看文件已加载。
我在header.php中加载了最新版本的 jquery
我在footer.php中调用 Scrollify 函数
这是我在控制台中收到的消息。来自控制台的内容
这在 JSfiddle https://jsfiddle.net/Balodis/w697stj5/60/中为我工作
如果有人能指出我做错了什么,我将非常感激。
谢谢!
jquery-scrollify - jquery-scrollify - setHeight false
当我拥有 setHeight: true 时,它会在我的大多数 div 下方添加空白。当它设置为 false 时,它会中断滚动。
这是预期的行为吗?我不希望我所有的 div 都等于相同的高度。