CSS Sticky Footers - две горизонтальные полосы прокрутки?

Question

Я использую учебник CSSStickyFooter.com в своей дилетантски несовершенной попытке получить идеальный липкий нижний колонтитул.

Это конкретный вопрос о стиле overflow:auto; на «основном» диване. При этом на месте, и когда окно сужается пользователем, я получаю горизонтальную полосу прокрутки на полпути вниз по моей странице. Не может ли эта добавленная полоса прокрутки автоматически появляться в нижней части окна, как предполагается?

Answer 1

Причина, по которой вы получаете полосу прокрутки в нечетном месте, заключается в том, что она находится на <div>, а не на странице. Это результат использования overflow:auto;.

overflow:auto; указывает CSS, что вы хотите, чтобы этот конкретный <div> получил полосы прокрутки (горизонтальные или вертикальные), когда он слишком мал, чтобы отображать все содержимое.

Поэтому прямой ответ на ваш вопрос: Нет; вы не можете расположить полосу прокрутки в другом месте на странице, так как она прикреплена к <div>.

Однако вокруг него могут быть дороги.

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

overflow-y: scroll; 
overflow-x: hidden; 

В качестве альтернативы, могут быть и другие способы, чтобы исправить свой код; CSSStickyFooter.com довольно хорошо известно, поэтому, если он работает для других без этого сбоя, возможно, он тоже будет работать для вас. Но нам нужно будет увидеть немного больше вашего кода, чтобы помочь вам продвинуться по этой линии.

Answer 2

Я исследовал и пытался много методов для липких колонтитулы и нашел, что это один отлично работает:

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

У меня были проблемы со многими другими методами, которые я использовал до того, что один. Если использование CSSStickyFooter.com не является строгим требованием для вашего проекта, я рекомендую использовать метод, описанный в ссылке, о которой я говорил.