问题标签 [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 投票
1 回答
860 浏览

jquery - 使用 jquery-scrollify 无法正确滚动溢出内容。内容重叠。不同页面宽度的不同结果

我正在尝试构建一个个人网站,该网站利用 jQuery-scrollify 工具滚动浏览我网站的几个部分。但是,无论我使用什么设置,我都无法让页面始终正确滚动。如果屏幕太小或太大,则最后一部分将不会滚动以显示溢出内容,但在中间的某处内容会正确滚动。我已经切换了 setHeight 属性,它似乎解决了一些溢出的滚动问题,但随后会导致某些部分在不同的高度重叠。

在这两天的大部分时间里,我一直在努力尝试交替不同的设置并更改页面布局以适应该工具,但没有取得任何进展。该页面的内容是:

0 投票
3 回答
3021 浏览

jquery - Scrollify - 模式打开时禁用部分滚动

我在我的网站上使用https://projects.lukehaas.me/scrollify/并且在打开模式后无法禁用它的滚动功能。我正在使用标准的 onclick 操作来打开模式,因此我可以在其中注入一些东西,但我不确定是什么。

这是我的 Scrollify 初始化:

然后我通过一个简单的 onclick 函数调用模态:

0 投票
1 回答
123 浏览

html - 播放有关 Scollify 变化的视频

我有一个带有 3 个Scrollify滑块的页面。第二个滑块包含一个暂停的视频。我试图找出一种方法,以便当您滚动到第二个滑块时它会播放视频,如果您滚动离开它会暂停。

我试过了:

和:

这是一个codepen演示。

谢谢 :)

0 投票
1 回答
1090 浏览

jquery - jQuery Scrollify - 内容高度大于滚动生成的部分高度

我已经集成了 scrollify 插件。在许多部分中,存在大于滚动插件生成的高度的内容。所以每当我滚动时,有些内容不会显示。它应该在内容末尾滚动,然后根据滚动插件显示下一部分。

我怎样才能做到这一点?

0 投票
1 回答
129 浏览

jquery - Scroll page at top section

I have integrated scrollify in my wordpress website. there are six section. I have disabled update hash function. I have scrolled upto 4th section. then i reload the page. Page loads at 4th section directly. It should be load at top of the section.

How can i scrolled at top of the section each and every time.

0 投票
2 回答
1574 浏览

jquery - 在特定的 Scrollify 部分运行代码

我有 3 个Scrollify部分。我正在尝试在您滚动到第 2 部分时播放视频,并在您滚动到第 1 或第 3 部分时暂停它。

Codepen 演示

html

JS

看起来我之前的功能可能是因为我没有正确索引这些部分。任何帮助将不胜感激。

谢谢,

0 投票
1 回答
4562 浏览

javascript - 滚动移动到特定部分

我有 3 个Scrollify部分。我也有 2 个按钮,我需要一个按钮滚动到第二部分,另一个按钮滚动到第三部分。

文档列出了这种方法:

“移动方法可用于滚动到特定部分。这可以采用该部分的索引,或者以哈希开头的部分名称。”

这是我损坏的演示:

CODEPEN 演示

HTML

JS

这有效:

但这不会:

或使用“#third”或“.third”

有任何想法吗?我没有正确使用 data-div-name 吗?

0 投票
2 回答
802 浏览

jquery - Scrollify.js 和 jQuery 滚动条

我使用Scrollify.js为页面上的部分之间的滚动设置动画。

每个部分都设置在 100vh 的高度。

中间是一个容器,可以大于部分的高度,所以我决定使用jQuery 滚动条,但我有一个问题——如果我使用鼠标滚轮部分跳转,但内容不滚动。

如何处理?

也许检测到滚动区域的结尾并转到下一部分?但是怎么做?如果内容在没有滚动的情况下适合怎么办?

我的代码:

@编辑:

在滚动页面上是一个适合我的示例 - “页眉和页脚”,但如果内容多于窗口的高度 - 它无法正常工作。

也许解决这个问题会更容易?

0 投票
1 回答
176 浏览

jquery-scrollify - 实现 Srolllify 的 interstitialSection

在这个Scrollify Demo中,内容高度大于默认生成的部分高度。每个部分都有不同的高度。我的代码也有同样的情况。我有一个包含大量内容的部分。我已将此内容类放在 interstitialSection 中。但是该部分的行为不像演示。

});

在演示中滚动选项部分到下一部分是平滑的。但是,每当我滚动代码时,控制都会直接转到下一部分。

我怎样才能达到与演示相同的效果。

0 投票
1 回答
1827 浏览

javascript - 在最后一部分禁用滚动,并正常滚动

在我的网站上,我的 html 结构如下:

我在 w1 上初始化滚动,它工作正常。但我想在最后一节(s3)之后启用正常滚动,所以基于scrollify - 在最后一节之后正常滚动? 我已经添加了

稍作更改(<= ratehr 然后 < 所以它将在最后一部分被禁用)并且它工作得很好:它在最后一部分禁用滚动并且滚动 wheelHandle 返回 tru,但现场没有任何反应,它不会向上或向下滚动. 你们有没有可能实现我的目标?