Прокрутка: Что такое прокрутка (скролл)?

Python и Tkinter | Scrollbar и прокрутка виджета

Последнее обновление: 15.09.2022

Виджет Scrollbar прокручивать содержимое контейнера, которое больше размеров этого контейнера.

Основные параметры конструктора Scrollbar:

Scrollbar не используется сам по себе, он применяется лишь для прокручиваемого виджета. Не все виджеты в tkinter являются прокручиваемыми. Для прокрутки по вертикали прокручиваемый виджет имеет yview, а для прокрутки по горизонтали — метод xview (виджет может иметь только один из этих методов). Примером прокручиваемого виджета может служить Listbox или Text. Этот метод используется в качестве команды для Scrollbar:

listbox = Listbox()
# вертикальная прокрутка
scrollbar = ttk.Scrollbar(orient="vertical", command = listbox.yview)

Но прокручиваемый виджет должен также взаимодействовать со Scrollbar. Для этого у прокручиваемого виджета имеются параметры yscrollcommand и/или xscrollcommand, которые должны принимать вызов метода set объекта Scrollbar:

from tkinter import *
from tkinter import ttk
 
languages = ["Python", "JavaScript", "C#", "Java", "C++", "Rust", "Kotlin", "Swift",
             "PHP", "Visual Basic. NET", "F#", "Ruby", "R", "Go", "C", 
             "T-SQL", "PL-SQL", "Typescript", "Assembly", "Fortran"]
 
root = Tk()
root.title("METANIT.COM")
root.geometry("250x200")


languages_var = StringVar(value=languages)
listbox = Listbox(listvariable=languages_var)
listbox.pack(side=LEFT, fill=BOTH, expand=1)
 
scrollbar = ttk.Scrollbar(orient="vertical", command=listbox.yview)
scrollbar.pack(side=RIGHT, fill=Y)
 
listbox["yscrollcommand"]=scrollbar.set
 
root.mainloop()

В конструкторе scrollbar ассоциируется с функцией, которую надо выполнять при прокрутке. В данном случае это метод yview элемента listbox. В итоге мы сможем прокручивать элементы по вертикали:

И так как необходимо прокручивать listbox по вертикали, то у него задается параметр listbox["yscrollcommand"]=scrollbar.set

Ручная прокрутка

В принципе для прокрутки виджета (который поддерживает прокрутку) использовать Scrollbar необязательно. Для прокрутки виджет может содержать специальные методы:

• yview_scroll(number, what)

  : сдвигает текущее положение по вертикали. Параметр number указывает количество, на которое надо сдвигать. А параметр what определяет единицы сдвига и может принимать следующие значения: "units" (элемент) и "pages" (страницы)

• xview_scroll(number, what): сдвигает текущее положение по горизонтали

• yview_moveto(fraction): сдвигает область просмотра по вертикали на определенную часть, которая выражается во float от 0 до 1

• xview_moveto(fraction): сдвигает область просмотра на определенную часть по горизонтали

Например, сдвиг на два элемента списка вниз:

from tkinter import *
from tkinter import ttk
 
languages = ["Python", "JavaScript", "C#", "Java", "C++", "Rust", "Kotlin", "Swift",
             "PHP", "Visual Basic. NET", "F#", "Ruby", "R", "Go",
             "T-SQL", "PL-SQL", "Typescript"]
 
root = Tk()
root.title("METANIT.COM")
root.geometry("250x200")
 
languages_var = StringVar(value=languages)
listbox = Listbox(listvariable=languages_var)
listbox.pack(expand=1, fill=BOTH)
# сдвигаем скрол на 1 элемент внизу
listbox.yview_scroll(number=1, what="units")

root.mainloop()

НазадСодержаниеВперед

когда ее использовать, а когда — избегать

Бесконечная прокрутка сводит к минимуму затраты на взаимодействие и повышает вовлеченность пользователей, но она подходит не для каждого сайта. В некоторых случаях лучшим решением будет нумерация страниц или добавление кнопки “Загрузить еще”.

Бесконечная прокрутка — подход к дизайну списков, при котором контент загружается непрерывно по мере того, как пользователь прокручивает страницу вниз. Это устраняет необходимость в пагинации — разбивке контента на несколько страниц.

Adidas.com: Adidas использует пагинацию, чтобы показать пользователям список доступных товаров.

Nike.com: В отличие от своего конкурента Adidas, Nike использует для отображения своих товаров в каталоге бесконечную прокрутку.

Бесконечная прокрутка появилась в 2006 году, и с тех пор ее популярность резко выросла. Сегодня она преимущественно встречается на сайтах и в приложениях с плоской структурой, где контент постоянно обновляется и одинаково актуален для пользователя — например, в социальных сетях (TikTok, Instagram, Twitter), а также на новостных сайтах или сайтах электронной коммерции (Apple News, Nike.com). Каковы же преимущества и ограничения бесконечной прокрутки?

Со временем появились некоторые вариации классической бесконечной прокрутки (описанной выше). В одном случае от пользователя требуются активные действия — он должен нажать на кнопку “Загрузить еще” или “Посмотреть еще”, чтобы увидеть дополнительный контент, который добавляется в нижней части страницы. Другой вариант предполагает разбивку бесконечной прокрутки на страницы, которые служат ориентирами и позволяют пользователям быстро перемещаться по контенту.

Преимущества классической бесконечной прокрутки

1. Сокращение количества заминок. Пожалуй, самое большое преимущество бесконечной прокрутки по сравнению с нумерацией страниц заключается в том, что она сокращает количество пауз в опыте пользователей. Исследование, опубликованное в журнале Information Systems Journal, показало, что даже незначительные заминки (например, клик по кнопке “Далее” для перехода на другую страницу с дополнительным контентом) могут заставить пользователей интернет-магазина или социальной сети отказаться от выполнения задачи.

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

2. Снижение затрат на взаимодействие. Если страница загружает новые элементы непрерывно и быстро, и пользователям не нужно нажимать на кнопки и ждать загрузки новой страницы, затраты на взаимодействие снижаются.  Более того, если пользователи хотят вернуться к уже просмотренным элементам, им не нужно нажимать кнопку «Назад» и ждать загрузки предыдущей страницы — они могут просто прокрутить страницу вверх.

3. Отлично подходит для мобильных устройств. Рост популярности бесконечной прокрутки был связан с резким ростом числа мобильных устройств. Поскольку их экраны не отличаются большим размером, пользователям в любом случае приходится активно прокручивать страницы (если есть что прокручивать), а значит, они держат пальцы близко к экрану и в любой момент готовы свайпнуть вниз.

Проблемы юзабилити, вызванные бесконечной прокруткой

Несмотря на описанные выше преимущества, бесконечная прокрутка имеет несколько недостатков, которые могут негативно сказаться на опыте взаимодействия:  

• Сложности с повторным поиском контента
• Иллюзия завершенности
• Невозможность добраться до конца страницы
• Проблемы с доступностью
• Увеличение времени загрузки страницы
• Низкая эффективность SEO

1.

Сложности с повторным поиском контента

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

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

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

Напротив, пагинация позволяет пользователям возвращаться на конкретную страницу. Даже если они оказываются в начале страницы, ограниченное число элементов более управляемо, чем опции на странице с бесконечной прокруткой.

bmwusa.com: Позиция в списке товаров не сохранялась, когда пользователь выбирал товар, а затем возвращался к списку с помощью кнопки «Назад». Вместо этого кнопка «Назад» возвращала пользователя в начало страницы и вынуждала его искать свою прежнюю позицию в списке товаров.

2. Иллюзия завершенности

На страницах, где бесконечная прокрутка используется без кнопки “Загрузить еще”, иногда возникает иллюзия завершенности: пользователь может предположить, что контент закончился, поскольку новая информация загружается в фоновом режиме, за пределами экрана.

Обычно мы сталкиваемся с такой проблемой, если ничто не указывает на загрузку дополнительного контента, когда пользователи достигают конца предварительно загруженного контента. 

Miamifc.com: Большой белый прямоугольник в нижней части экрана в сочетании с рекламой создавал иллюзию завершенности. Пользователи могли подумать, что они достигли конца страницы, в то время как на самом деле ниже загружался дополнительный контент.

3. Невозможно получить доступ к футеру

Бесконечная прокрутка (без кнопки “Загрузить еще”) лишает пользователей возможности попасть в футер. Постоянный поток контента не позволяет добраться до полезной информации (например, контактной информации, правил возврата), которую обычно можно найти именно там.

Nike. com: Непрекращающийся поток новых товаров не позволял пользователю получить доступ к футеру.

4. Проблемы с доступностью

Бесконечная прокрутка может создать дополнительные проблемы для пользователей с особыми потребностями. Она существенно усложняет навигацию, если человек использует только клавиатуру: большой объем контента вынуждает людей перемещаться по ссылкам с помощью клавиши “Tab” и им приходится делать это бесконечно, если они хотят дойти до конца страницы.

С другой стороны, пользователи скрин-ридеров могут ознакомиться только с первым «фрагментом» списка, не имея возможности инициировать загрузку нового контента.

Однако в последние годы мы значительно продвинулись в реализации бесконечной прокрутки для пользователей с ограниченными возможностями. Например, один из ARIA-атрибутов role=“feed”, представленный Консорциумом Всемирной паутины (W3C), позволяет программам чтения с экрана прокручивать “бесконечный” контент.  Он также дает возможность тем, кто использует клавиатуру, переходить от бесконечной ленты к первому следующему за ней элементу в фокусе.

5. Увеличение времени загрузки страницы

Сайты с бесконечной прокруткой часто загружаются дольше из-за бесконечного потока нового контента. Если сайт пытается отслеживать местоположение пользователей на странице во время пого-стикинга (см. выше), большой объем контента приходится загружать всякий раз, когда человек возвращается к списку.

Низкая скорость, как правило, является проблемой для пользователей мобильных устройств (из-за нестабильности подключения), а также для всех, кто имеет медленное интернет-соединение или лимитированный трафик.

Некоторые компании, например, Facebook, пытаются преодолеть эти проблемы с загрузкой страниц, выпуская «облегченные» версии своих продуктов (например, Facebook lite и Instagram lite), которые требуют меньше данных для работы. Хотя это отличный подход, позволяющий сделать продукты доступными для более широкого круга пользователей, небольшие компании вряд ли могут позволить себе разработку дополнительных lite-версий своих приложений.

6. Низкая эффективность SEO

И последнее, но не менее важное: бесконечная прокрутка может негативно влиять на SEO-показатели вашего сайта. Это связано с тем, что сканеры поисковых систем не всегда могут получить доступ ко всему контенту, который скрыт за пределами первого экрана вашей страницы, а скорость загрузки (важный фактор SEO) может быть снижена из-за бесконечной прокрутки.

Компромиссное решение: бесконечная прокрутка с кнопкой «Загрузить еще”

Чтобы нивелировать некоторые недостатки бесконечной прокрутки, не возвращаясь к традиционной нумерации страниц, многие сайты и приложения используют одну из ее разновидностей — бесконечную прокрутку с кнопкой “Загрузить еще”. В последнее время такие кнопки стали пользоваться популярностью, особенно в мобильных сайтах и приложениях. Этот подход применяется не только на сайтах электронной коммерции, но и на страницах результатов поиска Google.

Asos.com: Кнопка “Загрузить еще” дает пользователям возможность самостоятельно загружать дополнительные товары, что особенно здорово, если у человека медленный интернет. Кроме того, такое решение позволяет быстро попасть в футер. Указание количества просмотренных товаров, а также общего количества товаров помогает пользователям ориентироваться на странице и является отличным примером того, как можно улучшить опыт взаимодействия.

‍Кнопка “Загрузить еще” решает и уменьшает некоторые проблемы юзабилити, создаваемые классической бесконечной прокруткой, а именно:

• Доступ к футеру. Кнопка “Загрузить еще” останавливает непрерывный поток нового контента и тем самым позволяет пользователям быстро перейти в футер сайта.

• Иллюзия завершенности. Кнопка “Загрузить еще”, расположенная на видном месте в нижней части страницы явно указывает на то, что пользователя ждет дополнительный контент, который он еще не видел.

• Медленный интернет и лимитированный трафик. Кнопки “Загрузить еще” позволяют загружать меньше контента заранее, что помогает пользователям, которые не могут похвастаться быстрым интернетом, или имеют лимитированные тарифные планы. Такой подход особенно удобен, когда люди контролируют объем загружаемого каждый раз контента.

Одним из недостатков кнопок “Загрузить еще” по сравнению с классической бесконечной прокруткой является рост затрат на взаимодействие — пользователям приходится нажимать кнопку, чтобы загрузить больше контента. Даже такая небольшая заминка может привести к тому, что они будут потреблять меньше контента и откажутся от выполнения стоящих перед ними задач.

Новая альтернатива: бесконечная прокрутка с встроенной пагинацией

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

Google. com: В мобильной версии страницы “Покупки” используется бесконечная прокрутка с встроенной пагинацией. Номера страниц выступают в качестве ориентиров, которые могут упростить повторный поиск и навигацию.

Такой подход способен минимизировать некоторые проблемы юзабилити, возникающие при классической бесконечной прокрутке:

• Повторный поиск контента. Номера страниц — ценные подсказки, которые помогают ориентироваться в интерфейсе и легче находить контент, поскольку пользователи могут запомнить, на какой странице находится тот или иной элемент.

• Более удобная и простая навигация. Пользователи могут использовать встроенную пагинацию для перехода от одной страницы к другой, быстро пропуская нерелевантный контент.

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

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

Подходит ли бесконечная прокрутка для вашего проекта?

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

• Найти на странице что-то конкретное (например, статью или товар)
• Сравнить опции в длинном списке (например, выбрать между несколькими товарами, которые могут быть очень далеко друг от друга)
• Изучить только несколько элементов в верхней части списка (например, выбрать лучшие результаты поиска).

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

Не существует решения (бесконечная прокрутка, нумерация страниц, кнопка “Загрузить еще” или встроенная пагинация), которое бы идеально подходило для каждого сайта. Все всегда зависит от его особенностей и целей, которые хотят достичь ваши пользователи. Чтобы оценить, какое решение будет лучшим для вас, проанализируйте преимущества и ограничения каждого из четырех вариантов. Вы должны задать себе следующие вопросы:

• Кто ваши пользователи?
• Какие цели они преследуют, когда посещают ваш сайт?
• С каких устройств пользователи в основном заходят на ваш сайт?
• Существуют ли другие ограничивающие факторы (например, большая доля пользователей с плохим интернетом или пользователей с ограниченными возможностями)?

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

свиток | значение прокрутки в словаре современного английского языка Longman Dictionary of Contemporary English

Из словаря современного английского языка LongmanСвязанные темы: Designscrollscroll1 1 ЗАПИСЬДлинный лист бумаги, который можно свернуть и использовать в качестве официального документа2 AVDDECORATEдизайн в форме свернутого листа бумагиПримеры из Corpusscroll• Темные волнистые линии и завитки остаются на коже, чтобы дизайн мог закрепиться, обычно на ночь. • Я не тороплюсь, прежде чем перейти к свиткам из бересты. • Пункт 2 — медный свиток, который когда-то был частью значка на фуражке Королевского Уорикширского полка. • Первый помечен: Оджибвейский музыкальный свиток. • Есть один свиток. в частности, который Гэри хочет, чтобы я восстановил. • Бумажный дракон и бумажный тигр свисали с потолка; на стенах висели свитки с восточными надписями. Похожие темы: Глагол Computersscrollscroll2 [непереходный всегда + наречие/предлог] TDдля перемещения информации на экране компьютера вверх или вниз, чтобы вы могли ее прочитатьпрокручивать Он пролистал document.

scroll вверх/вниз Не могли бы вы пролистать несколько строк вниз? → См. Таблицу глаголовПримеры из Corpusscroll• Просто прокрутите и перетащите нужный элемент на страницу.• Сокращение прокрутки и смены окон сделало весь компьютер более удобным и удобным в использовании.• Кроме того, прокрутка с помощью мыши элементы управления чувствительны, что часто приводит к размытию ландшафта. • Прокрутите вниз, чтобы узнать, когда последний раз обновлялся веб-сайт. • Если ваша карта охватывает более одного экрана, первая часть будет прокручиваться сверху. • Спортивный болельщик может выбрать последние спортивные результаты постоянно прокручивались на его экране. • Это был короткий документ — достаточно короткий, чтобы вы могли найти каждую переменную, прокручивая текст с помощью клавиши со стрелкой вниз. • Как и многие его компьютерные аналоги, он просматривается сверху. , шаг прокрутки, чтобы следовать за действием. • Меню были громоздкими, прокрутка слишком медленная, а специальные терминалы слишком дорогие.

Прокрутка вверх / вниз • Используйте кнопку мыши для прокрутки текста вниз. • Чтобы просмотреть группы, нажмите внутри в окне групп новостей и прокручивайте вверх и вниз с помощью клавиш со стрелками или колесика мыши.• Но прежде чем приступить к фильтрации, прокрутите вниз и посмотрите, что предлагается.• Чтобы узнать больше о загробных разговорах, прокрутите вниз до наших полезных ссылок.• Люди неохотно прокручивают вниз, если нет чего-то, что им нужно, например, драйвера программного обеспечения. прокрутить документ вверх с помощью этой полосы.→ См. Глагол tableПроисхождение scroll1 (1400-1500) scrow «прокрутка» ((13-17 вв.)), от старофранцузского escroue «листок бумаги, свиток»; под влиянием рулона

Упражнения

Упражнения

• Словарные упражнения помогут вам выучить синонимы, словосочетания и идиомы.
• Практика грамматики среднего и продвинутого уровня с тестами прогресса.
• Аудирование и произношение, подготовка к экзаменам и многое другое!

Больше результатов

• полоса прокрутки
• клавиша прокрутки

Посмотреть все результаты

Картинки дня

Что это?

Нажмите на картинки, чтобы проверить.

Слово дня эгоистичный забота только о себе, а не о других людях – используется для выражения неодобрения

Отключить блокировку прокрутки — служба поддержки Майкрософт

Excel

Введите и отформатируйте данные

Макет

Макет

Отключить блокировку прокрутки

Excel для Microsoft 365 Excel 2021 Excel 2019 Excel 2016 Excel 2013 Excel 2010 Дополнительно. ..Меньше

Чтобы отключить блокировку прокрутки, нажмите клавишу Scroll Lock (часто обозначаемую как ScrLk) на клавиатуре. Если на вашем компьютере нет клавиши Scroll Lock, выполните одно из следующих действий:

Для Windows 10

1. Если на клавиатуре нет клавиши Scroll Lock, на компьютере нажмите Пуск > Настройки > Специальные возможности > Клавиатура .

2. Нажмите кнопку Экранная клавиатура , чтобы включить ее.

3. Когда на экране появится экранная клавиатура, нажмите кнопку ScrLk .

Совет: Чтобы быстро открыть экранную клавиатуру в Windows 10, нажмите кнопку Windows. Начните вводить на экранной клавиатуре , который появится в поле поиска. В разделе Поиск , который появится в виде списка над полем поиска, щелкните результат поиска Экранная клавиатура . Когда появится экранная клавиатура, нажмите кнопку Кнопка ScrLk .

Для Windows 8.1

1. Если на вашей клавиатуре нет клавиши Scroll Lock, на компьютере щелкните Start , а затем нажмите CTRL+C, чтобы отобразить панель чудо-кнопок.

2. Нажмите Изменить настройки ПК .

3. Выберите Простота доступа > Клавиатура .

4. Нажмите ползунок Экранная клавиатура , чтобы включить его.

5. Когда на экране появится экранная клавиатура, нажмите кнопку ScrLk .

Для Windows 7

1. Если на клавиатуре нет клавиши Scroll Lock, на компьютере перейдите к Пуск > Все программы > Аксессуары > Специальные возможности > Экранная клавиатура .