我已将此代码添加到我的网站(没有设置评论和标题的所有内容):http: //jsfiddle.net/WzLG2/3/下面是 javascript。
jQuery.noConflict();
jQuery(document).ready(function() {
var top = jQuery('#smi').offset().top - parseFloat(jQuery('#smi').css('margin-top').replace(/auto/, 0));
jQuery(window).scroll(function (event) {
// what the y position of the scroll is
var y = jQuery(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so, ad the fixed class
jQuery('#smi').addClass('fixed');
} else {
// otherwise remove it
jQuery('#smi').removeClass('fixed');
}
});
});
我的网站:http ://hollyshelpings.com
我试图让标题下方的棕色框滚动到顶部,然后像在 jsfiddle 中一样停在那里。我正在使用论文,并且启用了 jquery。我有 wordpress,并且我已经查找了如何在 wordpress 中使用 jquery,并将 $ 替换为 jQuery。
我从这个站点获得了代码的基础:Jquery for Designer(它不会让我发布链接)
我进行了测试,jquery 似乎正在加载,我使用了 firebug,但没有看到与此代码相关的错误(但是,看起来某些插件可能有错误)。我在编码方面还很陌生,所以我不确定还有什么要测试的或者如何解决很多问题。我的最终目标是将它用于我的社交媒体图标,而不是侧面的标签。非常感谢任何指导或建议。