Javascript Div ID和Class

我有一个livechat脚本。我的沙盒站点上的livechat固定在站点的右下角，并随窗口滚动，但在我的live站点（此特定代码来自的站点）上，它附加到页脚

我在沙盒上使用的唯一代码是脚本和div ID（顶部和底部，而不是中间）

以下是我在live站点上使用的内容：

<script type="text/javascript">
  (function() {
    var c = document.createElement('script');
    c.type = 'text/javascript'; c.async = true;
    c.src = "http://northamericahvac.smartertrack.com/ChatLink.ashx?config=0&id=stlivechat0";
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(c,s);
  })();
</script>
<style>
  div.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    border: 3px solid #73AD21;
  }
</style>
<div class="fixed">
  <div id="stlivechat0"></div>
</div>​

（功能（）{
var c=document.createElement（'script'）；
c、 type='text/javascript'；c.async=true；
c、 src=”http://northamericahvac.smartertrack.com/ChatLink.ashx?config=0&id=stlivechat0";
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（c，s）；
})();
分区固定{
位置：固定；
底部：0；
右：0；
宽度：300px；
边框：3px实心#73AD21；
}
​

我添加的其余部分是为了尝试设置livechat按钮的格式。我希望它被固定在右下角，这样它就可以滚动，而不会卡在右下角

我读到您可以创建一个div类来格式化类中包含的内容，但它似乎没有扩展到div id。div id是否已经格式化并且正在重写div类

---

我创建了一个小的

Iad21

条，看看它是否能保持固定，即使这样也不行。

我想说你的问题与CSS无关。脚本错误，因为将任何JavaScript代码包装到

<script>
  ( javascript code here )()
</script>

---

我认为你的问题与CSS无关。脚本错误，因为将任何JavaScript代码包装到

<script>
  ( javascript code here )()
</script>

---

你有没有试过在你的风格标签上不要特别？这样，div样式将应用于所有div。否则，您需要将id/stlivechat0添加到该逻辑中。这是HTML的顺序吗？因为脚本可能在

div

出现在页面上之前运行。如果您的控制台中没有错误，我会感到惊讶……您是否尝试过在样式标记中不具体？这样，div样式将应用于所有div。否则，您需要将id/stlivechat0添加到该逻辑中。这是HTML的顺序吗？因为脚本可能在

div

出现在页面上之前运行。如果控制台中没有错误，我会感到惊讶……我认为将

defer

属性添加到样式元素（如

）也可以解决问题，方法是将脚本执行延迟到页面完全加载。我在答案中添加了您的备注。谢谢，@Sebastian。谢谢你的解释。我继续用你的代码替换我的janky代码，但现在什么也看不出来。我想知道现场其他地方是否有干扰。在沙盒上，我可以将我拥有的东西（减去样式）粘贴到页脚底部。）：这是你可以看到的网站。我有原始代码在里面。如果我使用你的，它会显示绿色条，但不会显示livechat按钮。（这不是我设计的。）@Heather，我玩弄了太多版本的“你的”代码，使其处于非工作状态。它最终被放置在一个从未调用过的函数中。它需要被调用。要么当场（和以前一样，因为现在

存在于DOM中或

窗口中。onload

。我更新了示例。我认为向样式元素添加

defer

属性（如

）也可以解决问题，方法是将脚本执行延迟到页面完全加载。我在答案中添加了您的备注。谢谢，@Se.）巴斯蒂安。谢谢你的解释。我继续用你的janky代码替换了我的janky代码，但现在什么都没有显示。我想知道在网站的其他地方是否有干扰。在沙盒上，我可以将我的代码（减去样式）粘贴到页脚的底部。）：这是你可以看到的网站。我这里有原始代码。如果我使用你的，它会显示绿色栏，但不会显示livechat按钮。（这不是我设计的。）@Heather，我玩了这么多版本的“你的”代码使其处于非工作状态。它最终被放置在一个从未调用过的函数中。它需要被调用。要么当场调用（与以前一样，因为现在

存在于DOM中，要么在

窗口中。onload

。我更新了示例。