javascript无法通过-粘滞条_Javascript_Fixed_Sticky

javascript无法通过-粘滞条

javascript

javascript无法通过-粘滞条,javascript,fixed,sticky,Javascript,Fixed,Sticky,我用这个：（参见JSFIDLE）但我在让它工作上遇到了问题。粉红色的css可以穿过去，但不会粘住/不会变为红色我已经在html和js中将这篇文章改为一篇旁白。我在用wordpress。我已经将js添加到js文件夹中，并在标题中调用它，该标题正在拉入正确的模板中。我已经将css添加到main style.css中。js和css文件位于不同的位置-这可能是停止调用js的原因吗任何帮助都将不胜感激。谢谢修好了吗无论如何首先将css和jQuery库链接添加到您的WordPress标题。然后从

我用这个：（参见JSFIDLE）但我在让它工作上遇到了问题。粉红色的css可以穿过去，但不会粘住/不会变为红色

我已经在html和js中将这篇文章改为一篇旁白。我在用wordpress。我已经将js添加到js文件夹中，并在标题中调用它，该标题正在拉入正确的模板中。我已经将css添加到main style.css中。js和css文件位于不同的位置-这可能是停止调用js的原因吗

任何帮助都将不胜感激。谢谢

修好了吗

无论如何

首先将

css

和

jQuery

库链接添加到您的

WordPress标题

。然后从jsfiddle添加

html代码

。在做了所有的事情之后

将复制的js脚本文件从JSFIDLE包含到页面底部。请参见下面的

code

将帮助您理解。但它是html格式的


试验
这是正确使用css js和html的正确方法
$（文档）.ready（函数（）{
//从JSFIDLE复制并粘贴脚本
});

通过在任何社交网络中搜索

yeshansachithak

与我联系。谢谢

在问题本身中加入一个最小的工作示例以及链接到其他地方都会很有用。wordpress主题几乎100%有可能会弄乱CSS。尝试检查元素及其父元素，并删除所有不必要的

显示

、

浮动

和

位置

规则，谢谢您的评论。我上面提到的JSFIDLE将带您进入一个工作示例。我被要求不要发布一个实际的链接，因为这是一个客户的网站，我知道这将是方便的，对此感到抱歉。你能发布wordpress主题和你想坚持的部分吗？

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
    <link href="copied_css_file_from_the_jsfiddle.css" rel="stylesheet" type="text/css">
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><!-- jQuery Library -->
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><!-- jQuery Library -->
</head>
<body>
    <p>This is the proper way <small>How to use css js and html in correct way</small></p>

    <!-- add the html code from the JSFIDDLE-->

    <script type="text/javascript">
        $( document ).ready(function() {
            //Copy and paste the script from the JSFIDDLE
        });
    </script>
</body>