问题标签 [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.

0 投票
0 回答
669 浏览

javascript - 使用固定标题滚动:偏移量未应用于第一部分

我正在制作一个简单的网站,它是一个插图画廊,每个页面都尽可能大地显示。页面顶部还有一个固定的标题。

所以这是一系列幻灯片,img每张幻灯片,图像的高度是视口的高度减去标题的高度。它工作得很好,但是当我添加Scrollify时出现问题。

这是情况的简化版本:
https ://thimbleprojects.org/nclm/457411/

如您所见,第一部分在到达时错误地向下滚动。考虑到offset我定义的并与标题很好地对齐,其他部分工作得很好,但 Scrollify 似乎忽略了第一部分的偏移量,因此对齐不正确。

这可能是因为我如何在 CSSmargin-top中使用标题高度的a 来移动页面内容body,但我尝试将其他margin-tops 和padding-tops 应用于不同的部分(body, #slides, .slide:first-of-type),但它们都会导致相同的问题。

我也尝试使用 来制作#slides固定高度overflow: auto,但不知何故 Scrollify 不能应用于整个页面以外的另一个元素(如果我错了,请纠正我)。

我在如何应用 Scrollify 上错了吗?有人可以指出我的方法吗?

万分感谢。

编辑:添加代码段的 Stack Overflow 托管副本:

0 投票
0 回答
60 浏览

jquery-scrollify - 我的页面偶尔会卡在滚动的中间

希望我不会用一个愚蠢的问题来打扰插件创建者。

我创建了一个 CodePen 来测试我的网站的滚动,但偶尔(4 次中有 1 次)滚动会在两个部分之间捕捉,然后,如果我再次滚动,它会继续出现错误。我不知道为什么,但刷新页面使它工作。

我正在使用的选项是:

});

链接到 CodePen

有人可以帮我吗?

0 投票
2 回答
746 浏览

jquery - scrollify 插件中不同部分的不同偏移量

我在我的网站上使用 jQuery scrollify 插件。它工作得很好,但我需要为页面的不同区域设置自定义偏移量。例如,我所有的部分元素的偏移量应为 -200,而 2页脚元素的偏移量应为 -100px 和 -50px。这不能仅通过使用 interstitialSection 来实现。任何人都可以为此提出解决方案吗?

HTML

JS

0 投票
0 回答
60 浏览

javascript - jQuery - 将变量作为选项传递

我有一个我生成的变量(在以前的问题/答案的帮助下),看起来像这样......

控制台日志中返回的输出是...

我现在尝试在初始化这样的 jquery 插件时使用这个变量作为一个选项......

这不起作用,只是返回“ids”而不是 ids 的值。我做错了还是接受变量的能力取决于jQuery插件本身?

0 投票
1 回答
1287 浏览

javascript - 当部分高于屏幕高度时如何临时禁用“滚动”

我正在尝试为我的网站使用 scrollify。它现在有三个页面(部分)。第二页(部分)比屏幕高度高,所以我想禁用“滚动”,直到它到达第二页的底部。但是在我的代码中,当页面滚动一点时,它会在到达第二页底部之前进入第三页。我该如何解决这个问题?我把我的部分代码放在这里

HTML

CSS

JS

0 投票
1 回答
1259 浏览

jquery-scrollify - jquery-scrollify 中允许哪些缓动函数?

scrollify 函数中“easing”属性的所有可能选项是什么?我已经尝试了几个,但除了默认的“easeOutExpo”之外,它们都破坏了滚动功能

0 投票
1 回答
488 浏览

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 的正确方法

0 投票
0 回答
157 浏览

jquery-scrollify - jquery-scrollify - 第一部分哈希

在我的网站上,我使用以下代码实现了 scrollify,但是在加载时,第一个哈希设置为 #1 而不是 #home(定义)。只有当您向下和向上滚动时,它才会被加载。我怎么能改变这个?

谢谢您的支持

0 投票
2 回答
703 浏览

javascript - 如何将 Scrollify.js 与 Wordpress 和 Elementor 一起使用?

我对 Web 开发和编程完全陌生,我想在我的 WP 网站上使用 Scrollify。

所以我只想在一页中加载 Scrollify,所以我将它添加到functions.php

}

我在控制台中添加了一条消息,以查看文件已加载。

我在header.php中加载了最新版本的 jquery

我在footer.php中调用 Scrollify 函数

这是我在控制台中收到的消息。来自控制台的内容

在此处输入图像描述

这在 JSfiddle https://jsfiddle.net/Balodis/w697stj5/60/中为我工作

如果有人能指出我做错了什么,我将非常感激。

谢谢!

0 投票
0 回答
109 浏览

jquery-scrollify - jquery-scrollify - setHeight false

当我拥有 setHeight: true 时,它​​会在我的大多数 div 下方添加空白。当它设置为 false 时,它​​会中断滚动。

这是预期的行为吗?我不希望我所有的 div 都等于相同的高度。