Javascript 在WordPress中创建一个粘性社交栏
我正在为WordPress主题制作粘性社交栏。问题是div没有滚动内容。下面给出了JS、CSS和PHP中的代码 我已经在WordPress function.php中注册了scripJavascript 在WordPress中创建一个粘性社交栏,javascript,php,css,wordpress,Javascript,Php,Css,Wordpress,我正在为WordPress主题制作粘性社交栏。问题是div没有滚动内容。下面给出了JS、CSS和PHP中的代码 我已经在WordPress function.php中注册了scrip wp_register_script('topnews', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '', true); wp_enqueue_script('topnews'); 我想告诉你,这个JS文件中的所有其他代码
wp_register_script('topnews', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '', true);
wp_enqueue_script('topnews');
我想告诉你,这个JS文件中的所有其他代码都工作正常。
在scripts.js中,我输入了以下代码:
function sticky_share()
{
"use strict";
var sharerbar = $('.article-sharer');
var dummyblock = $('.dummy-share-block');
var sharetop = 0;
var sticky_share_bar = function()
{
var toppos = $(window).scrollTop();
if (toppos > sharetop) {
if ($('.article-sharer-placeholder').length > 0) $('<div class="article-sharer-placeholder"></div>').insertBefore(sharerbar);
sharerbar.addClass('fixed');
dummyblock.addClass('fixed');
} else {
$('.article-sharer-placeholder').remove();
sharerbar.removeClass('fixed');
dummyblock.removeClass('fixed');
}
};
}
我只是想知道我在哪里犯了错误。共享按钮在帖子中正确显示,但不会随帖子内容滚动
请帮我解决这个问题。感谢所有:)添加
位置:固定代码>至。文章共享者
:
.article-sharer {
padding: 0;
position:fixed;
}
添加位置:固定代码>至。文章共享者
:
.article-sharer {
padding: 0;
position:fixed;
}
谢谢你的回答。。但我想做一个像这个网站一样的粘性社交条,如果你在上面的评论中查看我给出的链接,当你向下滚动div类中添加的固定位置时。。我如何做到这一点?我想在一定高度后使用JS添加一个固定类。请告诉我如何使用将其更改为位置:固定代码>一旦用户滚动到某一点。感谢您的回答。。但我想做一个像这个网站一样的粘性社交条,如果你在上面的评论中查看我给出的链接,当你向下滚动div类中添加的固定位置时。。我如何做到这一点?我想在一定高度后使用JS添加一个固定类。请告诉我如何使用将其更改为位置:固定代码>一旦用户滚动到某个点。
.article-sharer {
padding: 0;
position:fixed;
}