CSS Sticky Footers - две горизонтальные полосы прокрутки? - PullRequest
2 голосов
/ 05 октября 2010

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

Это конкретный вопрос, касающийся стиля overflow:auto; в "главном" div. С этим на месте, и когда окно сужается пользователем, я получаю горизонтальную полосу прокрутки на полпути вниз по моей странице. Разве эта добавленная полоса прокрутки не может автоматически появиться в нижней части окна, как это должно быть?

Ответы [ 2 ]

4 голосов
/ 05 октября 2010

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

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

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

Однако могут быть способы обойти это.

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

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

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

0 голосов
/ 05 октября 2010

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...