2015-12-10 83 views
0

我想在此網站上有平滑滾動效果http://konstantin.raccoonbox.com/osta-palveluita/。該網站是WordPress網站,這是一個問題。我不知道如何在WordPress中連接JavaScript/jQuery。我所見過的所有WordPress插件都是無用的,不好的,或者弄亂了整個網站。這就是爲什麼我不想使用它們。WordPress中的JavaScript使平滑滾動效果

我很想在按下這些橙色按鈕(「WordPress Sivut」和「Koodatut Sivut」)時在該網站中有一個平滑滾動。或者,如果你到了網站的最底部,你會看到在WordPress footer.php文件中寫的「Raccoonbox tarjoaa ilmaisen kyydinylös」鏈接(Trans。Raccoonbox提供免費搭車到頂部)。

如何在沒有插件的情況下在wordpress中平滑滾動?

回答

0

WordPress默認通常會加載jquery。您列出的網站使用jQuery 1.11.3。如果你打開header.php,你可以在那裏添加平滑滾動腳本,或者將它添加到你的functions.php文件中,這是首選的方法。

Wordpress enqueue and functions.php

在這個網站learning jquery看看,他創造了一個插件,你可以下載以及

+0

對不起,我不明白這一點。哪個腳本放在哪裏? –

+0

使用上面的鏈接下載腳本。將腳本上傳到您的主題js文件夾(如果您沒有名爲js的文件夾,那麼您可以創建一個例如wp-content/theme/yourtheme/js/jquery-smoothscroll.min.js)如果打開functions.php可以添加'code' <?PHP的 功能my_scripts_method(){ \t wp_enqueue_script( '平滑滾動',get_stylesheet_directory_uri()。 '/js/jquery.smooth_scroll.js',陣列( '的jquery'),「1.5。 6',TRUE); \t); } add_action('wp_enqueue_scripts','my_scripts_method'); ?> 'code' – JChops