与我选择的 div 相关的固定位置？ jQuery？

Question

这可能吗？你可以在这里解决我的问题：http://granjalaaurora.com/test/test-jscrollpane.html

我有这个结构：

<div id="content">
        <div id="about" class="scroll-pane">

                    <div id="fixed">Non scrollable text goes here.</div>

                    <p>Scrollable text goes here</p>
</div>

“关于 div”有 class="scroll-pane"，我无法从那里删除该类，因为 jquery 中断。我说得好，现在如果我想要关于 div 的一部分“不可滚动”怎么办？ ，否则当我更改部分时它不会“下降”。

这是我的问题，其他不可滚动内容的 div 不能在 about div 之外，因为我不会响应淡入和隐藏命令。

有什么想法吗？

提前致谢

Answer 1

我对类似问题的解决方案可能会有所帮助。请参阅Position element fixed vertically, absolute horizontally。我已经修改了我认为对你有用的代码（编辑以更匹配你的代码）：

HTML

<div id="content">
  <div id="about" class="scroll-pane">
     <div class="inflow">
        <div class="fixed">Non scrollable text goes here.</div>
        <p>Scrollable text goes here</p>
     </div>    
  </div>               
</div>

CSS

div.inflow {
  border: 1px solid blue;
  position: relative;
  height: 1000px;  /* just for illustration */
}

div.inflow p {
      margin-top: 1.5em; /*you need to determine space you need for the fixed element */
}

div.fixed {
  border: 1px solid red;
  position: fixed;

}

您也许可以摆脱inflow div 并将这些样式直接应用到scroll-pane div。

Answer 2

这就是我的问题，其他是不可滚动内容的 div 不能在 about div 之外，因为我不会回应 淡入和隐藏命令。

如果您更改淡入/隐藏命令的选择器，您可以选择两个/多个元素。选择器只是用逗号分隔。另一种选择是创建一个公共类或属性，让您想要隐藏/淡入的所有元素共享，这样您就可以只使用一个选择器。

http://api.jquery.com/multiple-selector/

http://api.jquery.com/attribute-equals-selector/