css3pie - полосы прокрутки не работают внутри элемента с примененным пирогом - PullRequest
Новая
       28

css3pie - полосы прокрутки не работают внутри элемента с примененным пирогом

1 голос
/ 17 февраля 2012

У меня есть контейнер, к которому я применяю изогнутые углы с помощью css3pie. Внутри этого элемента у меня есть таблица, которая шире контейнера. Это вызывает полосы прокрутки в нижней части контейнера, что я не только ожидаю, но и нужно. Проблема в том, что если я применил css3pie к контейнеру, полоса прокрутки не будет прокручиваться при нажатии и перетаскивании. Я могу нажимать на стрелки на обоих концах, и он будет прокручиваться, или я могу щелкнуть в области, где нет полосы прокрутки, и она переместится в это место. Так что он не будет прокручиваться, когда я нажму и перетащу полосу прокрутки.

Если я закомментирую bahaivor в классе, прокрутка контейнера снова будет работать. Если я применю css3pie, прокрутка javascript прекратится. Если я удалю класс из контейнера, пока включен пирог, прокрутка будет работать.

Я также поместил таблицу в другой div внутри контейнера с теми же результатами.

Я работаю в режиме документов IE9 IE7

Есть ли способ исправить эту проблему?

Ответы [ 2 ]

0 голосов
/ 02 октября 2012

Я сделал то, что делал последний обходной путь - отсоединил фон от прокручиваемого контента. 

<div id="ContentContainer">
  <div id="ContentBackground"></div>
  <div id="Content">

  </div>
</div>

со стилем 

div#ContentBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  behavior: url(PIE.htc);
}

Я бы хотел увидеть исправление для этого в следующем выпуске, хотя, так как это кажется довольно распространенной проблемой (макет с закругленными краями и прокруткой внутри)

0 голосов
/ 08 марта 2012

Так что я так и не нашел объяснения, почему это происходит.Я полагаю, что прокрутка содержимого внутри элемента страницы с применением PIE вызовет повторное применение стиля, что вызовет «Поведение:» и остановит событие прокрутки.содержание, которое мне нужно, чтобы применить прокрутку к нашему элементу с применением пирога.В моем случае я применял закругленные углы к контейнеру, внутри которого находились полосы прокрутки.Я поместил div выше и ниже содержимого и применил скругление углов к верхним и нижним div.

Таким образом, полосы прокрутки будут работать нормально, и закругленные углы будут применяться.Хотя в очередной раз был обходной путь для IE7.

...