내 Wordpress 템플릿에서 Scrollify를 올바르게 사용하십시오.

PHP와 JS 프로그래밍에 익숙하지 않습니다. 하지만 설치하고 Wordpress에 대한 내 자신의 테마에 Scrollify를 사용하려고합니다. jQuery도 제대로로드되어야합니다. 불행히도 나는 스크롤하는 작업을하는 법을 이해할 수 없습니다. 대부분 상황이 서로 반응하거나 제대로로드되는지 이해하지 못하기 때문입니다.내 Wordpress 템플릿에서 Scrollify를 올바르게 사용하십시오.

보인다, 나는 내 functions.php에서이 코드를 scrollify로드 할 수 있습니다

function scrollify() { 
    wp_register_script('jquery-scrollify', get_template_directory_uri() . '/js/scrollify/jquery.scrollify.js', array('jquery')); 
    wp_enqueue_script('jquery-scrollify'); 

    wp_register_script('jquery-scrollifymin', get_template_directory_uri() . '/js/scrollify/jquery.scrollify.min.js', array('jquery')); 
    wp_enqueue_script('jquery-scrollifymin'); 

    wp_register_script('Gruntfile', get_template_directory_uri() . '/js/scrollify/Gruntfile.js', array('jquery')); 
    wp_enqueue_script('Grundtfile'); } 

add_action('wp_enqueue_scripts', 'scrollify');

내 HTML 구조는 다음과 같이이다 : jquery.scrollify.js에서

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

구성 :

//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() {} 
};

그리고 헤더에있는 스크립트를

012 당신이 페이지를 참조 갖고 싶어 3,516,

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

, 링크는 다음과 같습니다 http://kraftsy2017.ch.176-10-116-204.artemis.hostingmanager.ch 정말 당신의 도움을 주셔서 감사합니다 것

, 내가 기분 희망. 감사합니다. .

출처

2017-11-12 Jean-Marc Durrer

$이 내 페이지에서 jQuery를 참조하지 않는 것 같습니다. 대신 다음을 시도하십시오. jQuery(function() { jQuery.scrollify({ section : ".fullscreen", sectionName : "section-name" }); });

출처

2017-11-13 09:38:27

안녕 루크, 시간 내 주셔서 감사 드리며 내 문제를 간략하게 살펴보십시오. 코드를 변경했지만 참조 오류가 여전히 존재합니다. 이 문제를 해결하는 다른 방법이 있습니까? 이 문제를 깊이 들여다 볼 시간이 없다면, 나는 완전히 이해할 수 있습니다. 한편 나는이 참조 문제에 대한 해답을 찾고있다. –

이제 jQuery가로드되기 전에로드 된 스크립트를 바닥 글에 넣었습니다. 그리고 당신의 비틀기는 지금 작동합니다! 고마워. –

내 Wordpress 템플릿에서 Scrollify를 올바르게 사용하십시오.

답변

관련 문제