Javascript 在Chrome上工作但在Firefox上不工作的脚本

我在页面右侧有一个固定元素。以下是它的CSS代码：

#rightSide {
  height: 100%;
  min-height: 613px;
  width: 450px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
  background-color: #fafafa;
  position: fixed;
  right: 0px;
  display: block;
  float: right;
  padding: 0;
  z-index: 200;
}

HTML:

奇怪的是，这段代码在Chrome上运行得很好，但在Firefox上却不行。你知道为什么会这样吗

谢谢

编辑如果有帮助，这里是正文CSS

body {
  width : 100%;
  min-width: 1070px;
  height : 100%;
  margin : 0px auto 0px auto;
  padding : 0px 0px 0px 0px;
  display: block;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 613px;
}

---

像这样的东西不需要脚本。

位置：固定；右：0CSS应该足够了。同时，取出
float:right样式；这是不必要的，并且对于绝对/固定定位没有意义。您不需要显示：block
也不需要-div默认为block。
我找到了问题的根源，似乎在Firefox和IE下，要正确使用scrollLeft，必须使用
文档
而不是
正文
，类似于：

var scrleft = $(document).scrollLeft();

希望这能有所帮助。
我创建了一个浏览器，我看不出Chrome和Firefox之间有什么区别。你能更详细地描述一下这个问题吗？在firefox上，这行代码是：$（“#rightSide”）.css（“right”、“-”+wind+“px”）；但剩下的部分，滚动部分都没有。在chrome上，一切正常。你有一个逻辑缺陷，可能与这个问题有关<代码>$（此）。滚动（函数（）{

每次窗口大小调整事件发生时，此滚动事件都会被绑定一次，可能会被绑定数百次，最终导致页面崩溃。您确实不需要JavaScript来完成此操作。请查看CSS

position:fixed

@Sparky672，如果我按照您的建议仅使用CSS来完成此操作，当窗口足够小时，tfixed div将隐藏页面左侧的所有内容。我需要的是，在调整大小后，fixed元素的行为就像它在水平方向上是绝对的，但在垂直方向上保持不变，我认为仅使用css是不可行的。类似于这里的第二个div：demo.rickyh.co.uk/css-position-x-and-position-t他浮动并显示，但如果我像你建议的那样只使用css，当窗口足够小时，固定div将隐藏页面左侧的所有内容。我需要的是，在调整大小后，固定元素的行为就像它在水平方向上的绝对值，但在垂直方向上保持固定，我认为这在只有css。类似于此处的第二个div：

body {
  width : 100%;
  min-width: 1070px;
  height : 100%;
  margin : 0px auto 0px auto;
  padding : 0px 0px 0px 0px;
  display: block;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 613px;
}

var scrleft = $(document).scrollLeft();