Получение переполнения-у: ​​выделите для работы с фиксированным позиционированием html & css

Question

У меня есть прокручиваемый инструмент Jquery, который должен быть зафиксирован в нижней части окна браузера.

Все, что я хочу, это чтобы страница могла прокручиваться по вертикали, когда браузер имеет высоту менее 700 пикселей. (так что никакой контент не будет скрыт, так как это все фиксированное место). Такое ощущение, что это должно быть просто, но это вызывает у меня огромные головные боли. На данный момент решения js хороши.

Спасибо заранее.

http://www.vagabondbrigade.com/staging/berns/

Answer 1

Играя с Firebux на вашей странице (ссылка, которую вы указали), я добавил на div.floor_items переполнение свойства: auto;и проблема была исправлена;)

Контент был больше, чем у моего тестового разрешения экрана, и контент не был виден полностью, но с этим изменением появилась полоса прокрутки, и я смог прокрутить и просмотретьза кадром "контент!

Это ваше решение, если это была ваша проблема!

Answer 2

Вы пробовали использовать медиа-запросы css, либо добавив overflow-y: scroll to html или ваш содержащий элемент?http://www.w3.org/TR/css3-mediaqueries/

@media screen and (max-height: 700px) {
       #your_element_to_scroll {overflow-y: scroll;}
}

Это не будет работать в более старой версии IE.

Answer 3

Если вы имеете в виду содержание, которое обрезается в верхней части страницы, я бы порекомендовал поместить верхние и нижние поля на вашей странице CSS в соответствующие элементы, чтобы использовать их расположение.

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

пример:

/ * html * /

<div id="main_structure">
  <div id="content">
      blah blah blah
  </div>
</div>

/ * css * /

#main_structure {width:100%; height:700px; margin:20px 20px 20px 20px; padding:20px;}
#content {width:200px; height:200px; padding:10px; margin:20px;}