Question

我不擅长编写PHP和JS。但我正在尝试在我自己的主题上安装和使用Scrollify for Wordpress。 jQuery也应该正确加载。遗憾的是，我无法弄清楚如何进行滚动工作，主要是因为缺乏对彼此之间的反应或正确加载的理解。

看起来，我可以在我的functions.php中加载使用此代码的scrollify：

<section id="portfolio" class="fullscreen" data-section-name="portfolio"></section>
<section id="about" class="fullscreen" data-section-name="about"></section>

我的HTML结构是这样的：

    //section should be an identifier that is the same for each section
    section: "fullscreen",
    sectionName: "section-name",
    interstitialSection: "",
    easing: "easeOutExpo",
    scrollSpeed: 1100,
    offset: 0,
    scrollbars: true,
    target:"html,body",
    standardScrollElements: false,
    setHeights: true,
    overflowScroll:true,
    updateHash: true,
    touchScroll:true,
    before:function() {},
    after:function() {},
    afterResize:function() {},
    afterRender:function() {}
};

jquery.scrollify.js中的配置：

$(function() {
  $.scrollify({
    section : ".fullscreen",
    sectionName : "section-name"
  });
});

标题中的脚本：

!important

如果您想查看该页面，链接为：JOptionPane

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

Answer 1

看起来$并未在您的网页上引用jQuery。试试这个： jQuery(function() { jQuery.scrollify({ section : ".fullscreen", sectionName : "section-name" }); });

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

1 个答案: