Question

我正在尝试在我的网站上设置JQuery Scrollify，以便从一个部分顺利滚动到其他部分，但无法使其工作！我尝试了不同的方式，并认为我可能会错过一些东西？我想我可能没有正确实现脚本或者不给这些部分提供良好的类名...或者可能因为我使用的是Bootstrap？

需要帮助!!非常感谢你！

这是我的HTML：

jQuery(document).ready(function($) {

$.scrollify({
        section : ".section-class-name",
        sectionName : "section-name",
        easing: "easeOutExpo",
        scrollSpeed: 1100,
        offset : 0,
        scrollbars: true,
        standardScrollElements: "",
        setHeights: true,
        before:function() {},
        after:function() {},
        afterResize:function() {},
        afterRender:function() {}
    });

和我的javascript extrernal表格：

text-align: center;

Answer 1

你在哪里包括你的.js文件？在加载jquery和scrollify之前，您可能正在为页面的head部分运行javascript。

在页面上运行任何javascript或将javscript移动到.js文件之前，将所有.js文件加载到头部。

Answer 2

您可能需要在HTML body元素中添加{{1}}。

Answer 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">< /script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.js">< /script>

将此粘贴在<head>标记

下

无法在我的网站上实现Jquery Scrollify

3 个答案: