问题标签 [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 回答
718 浏览

javascript - 在链接上使用 Scrollify

单击链接后,如何使用 scrollify 库将网页向下转换到页面的特定部分。

单击时,其中的每一个都会将用户发送到如下所示的网页的某个部分。现在没有滚动,每个部分都没有软过渡。

这是滚动模板,但我不太确定如何单独访问链接以及如何使用过渡。

0 投票
1 回答
718 浏览

javascript - 网站在加载时跳转到中间内容。一页设计

我有一个包含 3 个部分的页面设计。

我使用 scrollify.js 滚动到鼠标滚轮的下一部分。在我的第一部分中,我加载了 fotorama。当我重新加载页面时,页面会显示第二部分一秒钟,然后在加载 fotorama 时跳转到第一部分。我知道我可以使用Javascript延迟功能来延迟第二和第三部分。但这会是正确的做法吗?或者有没有办法使用可以等待第一部分加载直到第二和第三部分加载的函数?

0 投票
1 回答
278 浏览

jquery - “活动”导航项取决于特定部分

我正在使用插件 Scrollify 进行登陆,一切都很好,但我无法解决一个问题。我有 8 个部分,其中有一个不同的“数据部分名称”属性。我也有导航,它看起来像带有“活动”类的圆圈。我写了函数,所以现在当我点击任何圆圈时,它会变为“活动”并滚动到某个部分。但是当我使用鼠标滚动时,圆圈的“活动”不会改变。我应该怎么办?如何识别部分并“激活”某些圈子?

0 投票
1 回答
291 浏览

jquery-scrollify - 相邻部分使用 `move` 方法,非相邻部分使用 `instantMove`

我正在寻找一种仅在相邻部分之间移动时为滚动条设置动画的方法。Scrollify 为您提供了执行此操作的方法moveinstantMove方法,但我需要帮助确定该部分将要移动到的是相邻部分还是非相邻部分的逻辑。

有没有办法将其他信息传递给afterRender方法或实现我的目标的建议?

0 投票
2 回答
1842 浏览

javascript - Scrollify - 在页面刷新时保持相同的部分

我正在使用scrollify.js最新版本的页面滚动效果,updateHash并且sectionName设置为false.

我的问题是,发布页面刷新焦点在我离开的同一部分。例如,假设我在第 4 部分,当我按F5页面刷新并登陆相同的第 4 部分而不是登陆第 1 部分时。甚至Ctrl+F5在 Chrome 浏览器中也没有帮助。这是我的代码。

任何帮助表示赞赏。提前致谢。

0 投票
1 回答
573 浏览

jquery - Scrollify.js 导航问题

用于scrollify.js页面滚动。我有我的自定义导航栏,它曾经使用 offsetTop 滚动。

我的页面也有滚动部分和普通部分。也就是说我有 6 个部分,其中前三个是滚动部分,其余三个是正常部分。

一切正常。但问题是当我从第 1 部分单击第 6部分(即非滚动部分)时,它降落在第 3 部分(即最后一个滚动部分)部分,而不是降落在第 6 部分。

这是提琴手供参考。任何帮助表示赞赏。提前致谢。

0 投票
0 回答
698 浏览

javascript - 在 Jquery Scrollify 中开始滚动之前的延迟

我正在为一个项目使用 Jquery Scrollify 插件,并且我需要在幻灯片开始滚动之前有一些延迟,这样当触发之前的回调时,我可以运行一些动画并显示一些元素逐渐消失,然后延迟开始到滚动,我知道有一个滚动速度属性,但这不是我想要的,我认为可以通过缓动来实现,但我不确定如何,

0 投票
4 回答
2235 浏览

javascript - jQuery Scrollify - 第一部分忽略偏移量

第一次使用 jquery-scrollify。我有一个带有边框的页面,每个部分都从页面顶部开始 24px,因此它从边框下方开始。没有滚动我的 CSS 就可以了。一旦我实现了滚动化,即使使用了正确的偏移选项,页面也总是滚动的,因此第一部分的顶部就在页面的顶部。一旦我开始滚动到较低的部分,他们就会尊重偏移并正确对齐。第一部分似乎忽略了偏移选项?有什么方法可以使偏移量应用于页面的第一部分/开头?

HTML

JS

-24 偏移量是为了说明我在页面顶部的固定位置框架。当一个新的“部分”滚动到顶部时,它应该从页面顶部停止 24px,而不是在顶部,否则它会在框架下方。

第一个“部分”在我启动滚动之前从正确的位置开始(我在包含元素上的 CSS 的顶部填充等于框架的高度)。但是,一旦添加了 scrollify,页面就会向下滚动 24px,以便第一个“部分”出现在页面的顶部。“偏移”选项在所有后续部分中更正了此问题(当我向下滚动时,第 2、第 3 和第 4 部分出现在正确的位置)但第 1 部分的初始位置不正确并忽略偏移选项值。

0 投票
1 回答
795 浏览

jquery-scrollify - 如何在 Ipad Portrait 模式下严格禁用或销毁 Scrollfy

我在窗口调整大小通风口上写了下面的代码

0 投票
1 回答
404 浏览

javascript - Scrollify - “之前”中的多个功能

我正在尝试向正在运行 scrollify 的网站添加一些动画。将它添加到“之前”参数会很好。之前看起来像这样:

我想在下面添加代码以在上面的“之前”参数中起作用。它以“ **before:function(i,panels) {”开头,我不知道如何将这两个函数合并在一起。我希望现在很清楚。