Javascript JS未按预期运行

Javascript JS未按预期运行,javascript,jquery,Javascript,Jquery,我正在使用一个名为jQuery的插件来创建一个浮动的div,但该div包含在另一个div中。它似乎可以工作,但不在包含的div中。我查看了脚本,但无法找出我做错了什么 以下是JS初始化代码: $(function() { jQuery('.addthis').stickyfloat('update',{ duration:0}); }); 下面是一个显示问题的示例 HTML和CSS如下: <div class="header"> HEADER </div> &l

我正在使用一个名为jQuery的插件来创建一个浮动的div,但该div包含在另一个div中。它似乎可以工作,但不在包含的div中。我查看了脚本,但无法找出我做错了什么

以下是JS初始化代码:

$(function() {
   jQuery('.addthis').stickyfloat('update',{ duration:0});
});
下面是一个显示问题的示例

HTML和CSS如下:

<div class="header"> HEADER </div>
 <div class="container"> 
  <div class="addthis">
    <!-- AddThis Button BEGIN -->
      <div class="addthis_toolbox addthis_floating_style addthis_32x32_style">
            <a class="addthis_button_facebook"></a>
            <a class="addthis_button_twitter"></a>
            <a class="addthis_button_google_plusone_share"></a>
            <a class="addthis_button_pinterest_share"></a>
            <a class="addthis_button_compact"></a>
            <a class="addthis_button_email"></a>
      </div>
      <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=undefined"></script>
      <!-- AddThis Button END -->
  </div>
  <p>ICONS SHOULD STAY <BR> WITHIN THIS GRAY BOX<p>
</div>
<div class="footer"> SHOULD NOT GO BELOW THIS LINE</div> 

.header{
width:400px;
background: #F00;
height:100px;
margin:0 auto;
}
.container{
position:relative;
height:400px;
width:400px;
margin:0 auto;
background: #999;
}
.footer{
height:700px;
width:400px;
background: #F0F;
margin:0 auto;
}
.addthis{
position:absolute;
top:0;
left:-50px;
}   
标题
图标应保持在此灰色框内
不应该低于这条线 .标题{ 宽度:400px; 背景:#F00; 高度:100px; 保证金:0自动; } .集装箱{ 位置:相对位置; 高度:400px; 宽度:400px; 保证金:0自动; 背景:#999; } .页脚{ 高度:700px; 宽度:400px; 背景:#F0F; 保证金:0自动; } .补充一下{ 位置:绝对位置; 排名:0; 左:-50px; }
为了让JSFIDLE正常工作,我必须做三件事:

页面准备就绪后需要调用stickyfloat函数(并删除
'update'
部分)

添加以下css规则:

.addthis_floating_style
{
    position:inherit !important;
}
.addthis
div指定明确的高度和宽度:

.addthis
{
    position:absolute;
    top:0;
    left:-50px;
    width :36px;
    height:222px;
}

请在问题中包括所有相关代码。如果有“太多的代码”这样做,请将其精简,直到您有最小的示例仍然重现您的问题。如果由于某种原因您不能这样做,那么您的问题不适合堆栈溢出。@meagar-我已经包含了完整的代码,但不确定是否需要它。大多数CSS不是必需的,但用于演示目的。HTML是一样的。问题是
position:fixed
正在应用于
。在某处添加此\u floating\u样式。哎呀!我忘了把医生准备好了。在页面上有,但其余的我没有,它的工作!谢谢!=>注意:为了便于维护(如果添加或删除社交图标或更改样式),最好设置的高度和宽度。加载社交图标后,将此div添加到其子div的高度和宽度。
.addthis
{
    position:absolute;
    top:0;
    left:-50px;
    width :36px;
    height:222px;
}