Причина, по которой вы получаете полосу прокрутки в странном месте, заключается в том, что она находится на <div>
, а не на странице.Это результат использования overflow:auto;
.
overflow:auto;
, который сообщает CSS, что вы хотите, чтобы этот конкретный <div>
получил полосы прокрутки (горизонтальные или вертикальные), когда он слишком мал для отображения всего его содержимого.
Поэтому прямой ответ на ваш вопрос - Нет;Вы не можете расположить полосу прокрутки в другом месте на странице, так как она прикреплена к <div>
.
Однако могут быть способы обойти это.
Во-первых, если вы этого не сделаетене обращая внимания на содержимое, которое обрезается, когда дисплей узкий, вы можете установить полосы прокрутки так, чтобы они давали только горизонтальную и подавляли вертикальную.Вы бы сделали это примерно так:
overflow-y: scroll;
overflow-x: hidden;
В качестве альтернативы, могут быть другие способы исправить ваш код; CSSStickyFooter.com довольно хорошо известен, поэтому, если он работает для других без этого глюка, его, вероятно, можно заставить работать и у вас.Но нам нужно увидеть немного больше вашего кода, чтобы помочь вам продвинуться дальше в этом направлении.