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>

“about div”有class =“scroll-pane”，我无法从那里删除该类，因为jquery中断了。而且我说得好，现在如果我想要部分关于div“不可滚动”的内容约会div中的所有内容都会滚动，除非我在其中放置一个固定位置的div，但它必须相对于内容div修复，或者当我改变部分时它不会“下降”。

这就是我的问题，其他事情是不可滚动内容的div不能超出div，因为我不会响应淡入和隐藏命令。

有什么想法吗？

提前致谢

Answer 1

我对类似问题的解决方案可能有所帮助。请参阅Position element fixed vertically, absolute horizontally。我已根据我认为适合您的代码调整了代码（EDITED以更符合您的代码）：

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 不能在关于div之外，因为我不会回应淡入并隐藏命令。

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

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

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

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

2 个答案: