Как сделать прокрутку веб-страницы при уменьшении размера браузера?

0

Я использую HTML и CSS в своем веб-приложении. Я определил все свои атрибуты внутри таблицы. Когда я изменяю размер моего браузера, все компоненты сбрасываются вместе.

Например, когда я уменьшаю размер браузера на YouTube, появляется горизонтальная полоса прокрутки, которая позволяет перемещаться по веб-сайту, но ничего не меняет на домашней странице. Я хочу реализовать что-то подобное для своего веб-приложения.

Внутри веб-страницы я попытался поместить все содержимое внутри div, а затем использовать css-стиль overflow:sroll для этого. Но это не помогло.

У меня есть iframe внутри моей веб-страницы.

<body>
    <table>
        <!--web content--> 
        <iframe></iframe>
    </table>
</body>

Я не могу опубликовать весь свой код так долго, как долго. Это более 1000 строк.

  • 0
    эта задача автоматически выполняется браузером при уменьшении размера страницы.
  • 1
    Прочитайте эту ссылку w3schools.com/tags/att_frame_scrolling.asp
Показать ещё 1 комментарий
Теги:
css-float

4 ответа

0

добавить "overflow-y: auto;" свойство в css для выполнения прокрутки при изменении размера

0

Я действительно смущен вашим вопросом:

Если вам нужна полоса прокрутки в iframe, вы можете использовать scrolling="yes" как в этом примере:

Если ваш вопрос касается внутреннего прокрутки в вашем div, вы должны использовать overflow-x:scroll и overflow-y:scroll

Если ваш вопрос касается изменения размера браузера, вы можете использовать @media screen

Пример:

@media screen and (max-width: 480px) {
   //SOMETHING OF CSS HERE
}
/* Some android phone portrait screen width*/
@media screen and (min-width: 321px) and (max-width: 360px) {
  //SOMETHING OF CSS HERE
}

Надеюсь, это поможет вам, САЛЮТ!

0

Не уверен, что overflow:sroll кода overflow:sroll был опечаткой или нет, вы можете просто изменить sroll для scroll.

Кроме того, возможно, из-за другого фрагмента CSS, позднее overflow атрибута overflow, вы можете попробовать добавить это в свой код CSS:

body {overflow:scroll!important;}
  • Во-первых, !important добавить к overflow:scroll чтобы сделать его более важным, чем более поздний атрибут overflow.
  • Во-вторых, вам не нужно обертывать его в <div>, что более удобно.

Для других элементов просто добавьте style="overflow:scroll;" или style="overflow:scroll!important;" в случае, если вам действительно нужно снова изменить атрибут overflow.

скрипка

0

Чтобы реализовать прокрутку, вы должны сначала определить высоту, например, если высота равна 200px, тогда если браузер уменьшит свой размер более чем на 200 пикселей, только переполнение: прокрутка; будет работать, убедитесь, что вы используете границу для демонстрационной цели для таблицы или div позже попытайтесь использовать переполнение, она должна сделать трюк

Ещё вопросы

Сообщество Overcoder
Наверх
Меню