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

javascript - 如何在我的网站上设置 jQuery Scrollify?

我只是无法让 jQuery Scrollify 在我的网站上工作,我想从我的主页顺利滚动到我主页下方的 div,这是我的代码:

然后这是我的javascript,因为我想滚动到关于页面。

0 投票
1 回答
39 浏览

javascript - 如何合并此 jQuery 代码?(导航/大纲突出显示)

现在我正在使用 scrollify 的当前部分(数据部分名称)在我的大纲中突出显示该部分(out-one,out-two 等)。

这显然是超级丑陋、重复和麻烦的,但它现在有效。我知道这可以写得更简洁,并且希望在简化它方面得到一些帮助!谢谢!

当前代码:

0 投票
0 回答
228 浏览

javascript - 基于滚动禁用和启用脚本

我已经设置了scrollify,因此它会在最后一部分禁用并正常滚动,但是当您反向返回最后一部分时(即向上滚动而不是向下滚动),它不会重新启用自身。

是否可以执行此功能的相反操作?

0 投票
1 回答
1515 浏览

wordpress - 在我的 Wordpress 模板上正确使用 Scrollify

我不擅长编程 PHP 和 JS。但我正在尝试在我自己的 Wordpress 主题上安装和使用 Scrollify。jQuery 也应该正确加载。不幸的是,我无法弄清楚如何使滚动化工作,主要是因为缺乏了解事物如何相互反应或正确加载。

看起来,我可以在我的functions.php中使用此代码加载滚动:

我的 HTML 结构是这样的:

jquery.scrollify.js 中的配置:

以及标题中的脚本:

如果你想看一下页面,链接是: http: //kraftsy2017.ch.176-10-116-204.artemis.hostingmanager.ch

我真的很感谢你的帮助,我感到绝望。谢谢。

0 投票
1 回答
1177 浏览

html - 无法让 scrollify.js 工作?

我试图在我的单页网站上使用 scrollify.js 但无法让它工作?

我有以下 html,header.php 用于在我的 custom.js 文件中加载 scrollify 和我的 js。

我究竟做错了什么?

提前致谢?

HTML

标头 PHP

自定义JS函数

我检查时会加载所有文件和脚本,但我找不到有关如何使其工作的任何信息?

更新的控制台错误:

0 投票
1 回答
685 浏览

jquery-scrollify - Scrollify 滚动到页脚底部?

当使用 scrollify 并将页脚设置为带有类的 interstitialSection 时,如果页脚高于视口高度,它会滚动到页脚的底部而不是顶部,所以您看不到页脚的开始位置?我希望它捕捉到页脚的顶部,这样您就可以继续向下滚动以查看页脚中的内容?

0 投票
0 回答
499 浏览

jquery-scrollify - 使用 Scrollify 时闪烁

尝试在常规滚动面板和 interstitialSection 之间滚动时,我似乎遇到了问题。我需要将 interstitialSection 中的元素添加到 standardScrollElements,因为它们需要可滚动。

当您在桌面上快速滚动时会出现闪烁,而在使用移动设备时会出现其他问题,例如在滚动时无法启用 scrollify。当您清除“StandardScrollElements”时,它会停止闪烁,但不允许主要在移动设备上滚动幻灯片上的内容。

0 投票
1 回答
510 浏览

jquery - Scrollify jQuery 插件破坏了 Bootstrap Scrollspy

在我添加 JQuery 脚本 Scrollify 之前,我的 Bootstrap Scrollspy 运行良好。我不得不将 JQuery 脚本从 slim.min.js 更改为 min.js 版本,但我认为这不是问题所在。

导航

文本

文本 div 具有以下样式:{height: 80vh;, overflow y: scroll;}

导航具有以下样式:{height: 20vh;}

除了添加 JQuery 插件并将 JQuery 脚本从 slim 更改为 min 之外,我想不出我所做的任何更改。正如我所说,它之前工作得很好。

0 投票
1 回答
150 浏览

php - 表单提交停止使用 scrollify.move 的其他功能?

我有一个使用 scrollify.js 的 1 页网站。

我有 2 个按钮可以将窗口滚动到相关部分以填写表格并返回页面顶部。

第一个按钮是 (icon2),带有 (a) 标记,类别为 scrollToB。

第二个按钮 (home-btn) 带有另一个 (a) 标记和一个可以淡入淡出的 scrollTo 类,因此您可以在单击此按钮时返回顶部。

滚动和淡入淡出的两个功能都在工作,直到我点击表单上的提交,虽然淡入淡出功能仍然适用于按钮,但 2 个按钮(scrollify.move)上的单独点击功能已经停止工作?无论表单验证失败还是发送,这种行为都是一样的?

一个工作示例是 www.devonfoodmovement.com

我已经搜索了几个小时,但找不到任何相关的东西?

所有脚本/样式都从我的 functions.php 文件中加载

索引 (front-page.php)

主页-layout.php

函数.php

custom.js 文件

表单.php

表单-process.php

0 投票
0 回答
201 浏览

javascript - scrollify 禁用向上滚动

我尝试使用 scrollify 禁用向上滚动,我尝试使用此代码段但它不起作用