如何添加滚动顶部WP

-3

我这里有一个网站：http://www.agapegreekradio.com/如何添加滚动顶部WP

，我想添加滚动到这个部分：

我怎么能这样做使用WP ？你能告诉我步骤吗？

2016-04-15 Rodel Garcia

谷歌有大量的资源可以解决这个问题，比如：https：//premium.wpmudev.org/blog/back-to-top-button-wordpress/。这里还有一个小小提琴，它也展示了它是如何完成的：https：//jsfiddle.net/brilliancedisplay/9fe77anq/尽管这不是严格的wordpress，但将该脚本放在模板页面顶部应该非常简单。 –

您可以添加一个JavaScript函数被调用你的“向上”箭头点击：

JS：

$('.arrow').click(function() { 
     $("html, body").animate({ 
      scrollTop: 0 
     }, 200); 
     return false; 
    });

它看起来像您的网站上你使用的是：后元素来创建'向上'箭头。对于绑定到箭头的函数，您需要将其转换为实际元素，例如<span class="arrow"></span>允许你的点击事件工作

来源

2016-04-15 08:19:21

我应该在哪里添加它？是直接在index.php文件？ –

你应该把你的javascript放在单独的文件中（例如scrolltop.js），然后在你的主题设置/函数中使用这样的函数来包含它，在这个函数中你排入任何脚本： wp_enqueue_script（'THEMENAME-scrolltop'，get_template_directory_uri（） '/js/scrolltop.js'，数组（'jquery'），'VERSIONNUMBER'，true）; –

你能帮助我吗？虽然不熟悉。我想知道你会怎么做。 –

如何添加滚动顶部WP

回答

相关问题