Scrolling html: Атрибут scrolling | htmlbook.ru

13.08.2023 alexxlab

HTML/Атрибут scrolling (Элемент iframe)

/html/iframe/scrolling:> Наличие полос прокрутки_

Синтаксис

(X)HTML

<iframe src="..." scrolling="[значение]">
  ...
</iframe>

Описание

Атрибут / параметр scrolling (от англ. «scrolling» ‒ «прокрутка») определяет наличие полос прокрутки для окна встроенного фрейма.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.	Раздел
HTML
2.0	—
3. 2	—
4.01	16.2.2 The FRAME element scrolling = auto\|yes… DTD: `Transitional Strict Frameset`
5.0	~~4.7.2 The iframe element~~
5.1	~~4.7.6. The iframe element~~
XHTML
1.0	Extensible HyperText Markup Language DTD: `Transitional Strict Frameset`
1.1	—

Значения

auto: Полосы прокрутки отображаются только в случаях, когда они необходимы (то есть когда содержимое встроенного фрейма превышает размеры самого фрейма).
yes: Полосы прокрутки отображаются всегда.
no: Полосы прокрутки не отображаются.

Значение по умолчанию: «auto».

Пример использования

Листинг кода

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>
<html xmlns=»http://www.w3.org/1999/xhtml»>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />
<title>Параметр scrolling (Элемент iframe)</title>
</head>
<body>
<h2>Пример с атрибутом «scrolling»</h2>
<iframe src=»../iframe.html» scrolling=»no»>
<p>Ваш веб-браузер не поддерживает встроенные фреймы.</p>
<p>Посмотреть <a href=»../iframe.html» target=»_blank»>содержимое фрейма</a>.</p>

</iframe>
</body>
</html>

Параметр scrolling (Элемент iframe)

Пример прокручиваемого списка | ПНГ | ВАИ

Пример прокручиваемого списка

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

Это наглядный пример одного из способов использования ARIA, соответствующего спецификации ARIA.

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

Проект ARIA и Assistive Technologies разрабатывает измерения поддержки вспомогательных технологий для примеров APG.
Надежная доступность может быть дополнительно оптимизирована путем выбора шаблонов реализации, максимально использующих семантический HTML, и принимая во внимание предупреждение о том, что Нет ARIA лучше, чем Bad ARIA.

Об этом примере

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

Аналогичные примеры включают:

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

со сгруппированными параметрами: список с одним выбором и сгруппированными параметрами, аналогичный HTML select с оптгруппа детей.

Выберите свой любимый трансурановый элемент (актинид или трансактинид).

Трансурановые элементы:

Примечания

Этот список можно прокручивать; у него больше вариантов, чем может вместить его высота.

Прокрутка работает должным образом только в том случае, если в поле списка есть параметры 9.0017 смещениеРодительский . Для этого в примере используется позиция : относительная в списке.
Когда сфокусирована опция, которая не (полностью) видна, позиция прокрутки списка обновляется:
1. Если нажать Стрелка вверх или Стрелка вниз , предыдущая или следующая опция прокручивается в поле зрения.
2. Если нажать Home или End , окно списка прокручивается полностью вверх или вниз.
3. Если вызывается focusItem , сфокусированная опция будет прокручена в верхнюю часть представления, если она была расположена над ней, или вниз, если она была под ней.
4. Если щелкнуть мышью на частично видимом параметре, он будет полностью прокручен в поле зрения.
Когда полностью видимая опция каким-либо образом сфокусирована, прокрутка не происходит.
Обычная прокрутка через любой механизм прокрутки (включая Page Up и Page Down ) работает должным образом. Позиция прокрутки будет перемещаться, как описано для focusItem , если для изменения фокуса после прокрутки используется средство, отличное от щелчка мыши.

Подставка для клавиатуры

Примеры списков на этой странице реализуют следующий интерфейс клавиатуры. Другие варианты и параметры интерфейса клавиатуры описаны в разделе «Взаимодействие с клавиатурой» шаблона списка.

Ключ	Функция
`Стрелка вниз`	Перемещает фокус и выбирает следующий параметр.
`Стрелка вверх`	Перемещает фокус и выбирает предыдущий параметр.
`Дом`	Перемещает фокус и выбирает первый вариант.
`Конец`	Перемещает фокус и выбирает последний вариант.

Роль, свойство, состояние и атрибуты Tabindex

Примеры списков на этой странице реализуют следующие роли, состояния и свойства ARIA. Информация о других способах применения ролей, состояний и свойств ARIA доступна в разделе «Роли, состояния и свойства» шаблона списка.

Роль	Атрибут	Элемент	Использование
`список`		`ул`	Идентифицирует фокусируемый элемент, который имеет поведение списка и содержит параметры списка.
	`aria-labeledby="ID_REF"`	`ул`	Относится к элементу, содержащему метку списка.
	`tabindex="0"`	`ул`	Включает список в последовательность вкладок страницы.
	`ария-активный потомок = "ID_REF"`	`ул`	Сообщает вспомогательным технологиям, какие из параметров, если таковые имеются, визуально обозначены как имеющие фокус клавиатуры. Фокус DOM остается на элементе `ul` , а idref, указанный для `aria-activedescendant` , ссылается на элемент `li` , который визуально стилизован как сфокусированный. При нажатии клавиш навигации, таких как `Стрелка вниз` , JavaScript изменяет значение.
`опция`		`ли`	Идентифицирует каждый выбираемый элемент, содержащий имя параметра.
	`ария-выбрано="истина"`	`ли`	Указывает, что опция выбрана. Применяется к элементу с параметром роли, который визуально оформлен как выбранный. Параметр с этим атрибутом всегда совпадает с параметром, на который ссылается aria-activedescendant, поскольку это список с одним выбором, в котором выбор следует за фокусом.

Исходный код Javascript и CSS

CSS: список. css
Javascript: listbox.js, listbox-scrollable.js, utils.js

Исходный код HTML

API прокрутки

| Elasticsearch Guide [8.8]

Мы больше не рекомендуем использовать API прокрутки для глубокого разбиения на страницы. Если вам нужно сохранить состояние индекса при просмотре более 10 000 просмотров, используйте параметр search_after с моментом времени (PIT).

Получает следующий пакет результатов для прокрутки поиск.

 ПОЛУЧИТЬ /_поиск/прокрутка
{
  "scroll_id": "DXF1ZXJ5QW5kRmV0Y2gBAAAAAAAAAD4WYm9laVYtZndUQlNsdDcwakFMNjU1QQ=="
}

Requestedit

GET /_search/scroll/ [7.0.0] Устарело в 7.0.0.

GET /_search/scroll

POST /_search/scroll/ [7.0.0] Устарело в 7.0.0.

POST /_search/scroll

Prerequisitesedit

Если функции безопасности Elasticsearch включены, у вас должно быть чтение привилегия index для целевого потока данных, index, или псевдоним.

Descriptionedit

API прокрутки можно использовать для извлечения больших наборов результатов из одного прокрутка поискового запроса.

Для API прокрутки требуется идентификатор прокрутки. Чтобы получить идентификатор прокрутки, отправьте запрос API поиска, который включает аргумент для прокрутить параметр запроса. Свиток Параметр указывает, как долго Elasticsearch должен сохранять контекст поиска для запроса.

Ответ поиска возвращает идентификатор прокрутки в теле ответа _scroll_id параметр. Затем вы можете использовать идентификатор прокрутки с API прокрутки для получения следующий пакет результатов для запроса. Если функции безопасности Elasticsearch включены, доступ к результатам определенного идентификатора прокрутки ограничен пользователь или ключ API, отправивший поиск.

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

См. Результаты поиска.

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

Редактирование параметров пути

[7.0.0] Устарело в 7.0.0. (необязательно, строка) Идентификатор прокрутки поиска.

Идентификаторы прокрутки могут быть длинными. Мы рекомендуем указывать идентификаторы прокрутки только с помощью scroll_id Параметр тела запроса.

Изменить параметры запроса

свиток

(Необязательно, значение времени) Точка для сохранения контекста поиска для прокрутки. Видеть Прокрутите результаты поиска.

Это значение переопределяет продолжительность, установленную исходным запросом поискового API. прокрутить параметр.

По умолчанию это значение не может превышать 1d (24 часа). Ты можешь измениться этот предел с помощью search.max_keep_alive настройка на уровне кластера.

Вы также можете указать это значение, используя тело запроса прокрутки параметр. Если указаны оба параметра, используется только параметр запроса.

прокрутка_id

[7.0.0] Устарело в 7.0.0. (необязательно, строка) Идентификатор прокрутки для поиска.

Идентификаторы прокрутки могут быть длинными. Мы рекомендуем указывать идентификаторы прокрутки только с помощью параметр тела запроса scroll_id .

rest_total_hits_as_int

(необязательно, логическое значение) Если true , свойство hit.total ответа API возвращается как целое число. Если false , свойство hit.total ответа API возвращается как объект. По умолчанию false .

Scrolling html: Атрибут scrolling | htmlbook.ru

HTML/Атрибут scrolling (Элемент iframe)

Синтаксис

Описание

Поддержка браузерами

Спецификация

Значения

Пример использования

Пример прокручиваемого списка | ПНГ | ВАИ

Об этом примере

Примечания

Подставка для клавиатуры

Роль, свойство, состояние и атрибуты Tabindex

Исходный код Javascript и CSS

Исходный код HTML

| Elasticsearch Guide [8.8]

Requestedit

Prerequisitesedit

Descriptionedit

Редактирование параметров пути

Изменить параметры запроса

Добавить комментарий Отменить ответ