Фиксированная позиция, связанная с выбранным делом?JQuery? - PullRequest
Новая
       20

Фиксированная позиция, связанная с выбранным делом?JQuery?

0 голосов
/ 08 ноября 2011

Возможно ли это?Вы можете увидеть мою проблему здесь: 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 с не прокручиваемым содержимым не может быть вне раздела about div, потому что я не буду отвечать на запросы.вводить и скрывать команды.

Есть идеи?

Заранее спасибо

Ответы [ 2 ]

1 голос
/ 08 ноября 2011

Мое решение похожей проблемы может помочь. См. Позиционный элемент, зафиксированный вертикально, абсолютно горизонтально . Я адаптировал код для того, что, как мне кажется, будет работать для вас (ИЗМЕНЕНО, чтобы соответствовать вашему коду больше):

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.

0 голосов
/ 08 ноября 2011

И это моя проблема, другая вещь - div с прокручиваемым контентом. не может быть вне о div, потому что я не буду отвечать на вводить и скрывать команды.

Если вы измените свой селектор для команд fade in / hide, вы можете выбрать оба / несколько элементов. Селекторы просто разделены запятыми. Другой вариант - создать общий класс или атрибут, чтобы все элементы, которые вы хотите скрыть / скрыть в общем доступе, могли бы использовать только один селектор.

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

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

...