СКРИПТЫ
ТЕГИ:
php (328)
js (243)
html (147)
css (131)
html tags (63)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (28)
fonts (26)
Показать еще :
link (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
input (18)
svg (18)
php date (17)
html book (16)
board (16)
php time (16)
color (15)
js events (14)
img (14)
js time (14)
info (14)
js url (14)
notepad (13)
osclass (13)
select (13)
htaccess (13)
download (12)
php path (12)
table (12)
keyboard (12)
знак (12)
dw block (12)
php img (12)
jsphp (11)
form (11)
icon (11)
mouse (10)
keyframes (10)
yandex (10)
js delete (10)
hover (9)
dosite (8)
browser (7)
php url (7)
cookie (7)
comment (7)
iframe (6)
list (6)
news (6)
mysql (6)
canvas (6)
click (6)
php get (6)
tag a (5)
js id (5)
search (5)
chart (5)
mb (5)
adminka (5)
js math (5)
reg.ru (5)
heading (5)
value (5)
ftp (5)
year (5)
php var (4)
bbcode (4)
нок (4)
js form (4)
ssl (4)
week (4)
day (4)
base64 (4)
vk (4)
pages (4)
submit (4)
games (4)
month (4)
flags (4)
console (4)
task (4)
symbols (4)
xml (4)
scandir (4)
line (3)
js hash (3)
https (3)
money (3)
js img (3)
domen (3)
js post (3)
ucoz (3)
куб (3)
padding (3)
captcha (3)
vs code (3)
numbers (3)
tag hr (2)
typeof (2)
details (2)
sitemap (2)
prompt (2)
js vars (2)
seo (2)
height (2)
arrows (2)
google (2)
counter (2)
youtube (2)
video (2)
qr kod (2)
рся (2)
archive (1)
smile (1)
rutube (1)
speed (1)
header (1)
нод (1)
windows (1)
jino (1)
cursor (1)
scroll (1)

Переместим полосу прокрутки налево.

Как вы знаете, полоса прокрутки по умолчанию находится справа! Но иногда хочется и просто необходимо разместить полосу прокрутки слева!

Подробно о перемещении полосы прокрутки налево!

  1. Полоса прокурки справа пример
  2. Полоса прокурки слева пример

  1. Полоса прокурки справа пример

    Я уже несколько страниц написал о прокрутке

    И нам понадобится пример - его возьмем из предыдущих страниц.

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

    Код блока с расположением по умолчанию прокрутки:

    <div style="margin: auto;border: 1px solid; padding: 35px; height: 20px; overflow-x: hidden; width: 200px;">

      <div style="width: 500px;">

        здесь текст,

        здесь текст,

        здесь текст,

        здесь текст,

        здесь текст,

      </div>

    </div>

    Разместим его прямо здесь:

    Пример расположения прокрутки по умолчанию!

    Как видим... что наша прокрутка располагается справа!

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,


  2. Полоса прокурки слева пример

    Далее... нам нужно ркасположить полосу прокрутки с другой стороны, т.е слева...

    Берем тоже код, что мы уже видели выше:

    Но только добавляем туда магию css:

    direction: rtl;

    Наш код будет выглядеть так:

    <div style="margin: auto;border: 1px solid; padding: 35px; height: 20px; overflow-x: hidden; width: 200px;direction: rtl;">

      <div style="width: 500px;">

        здесь текст,

        здесь текст,

        здесь текст,

        здесь текст,

        здесь текст,

      </div>

    </div>

    Далее посмотрим на этот код вживую:

    Пример расположения прокрутки слева:

    Как видим... наша полоса прокрутки оказалась слева...

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

    Но!

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

    Что можно с этим сделать?

    Нужно в верхнем коде заменить

    <div style="width: 500px;">

    На:

    <div style="direction: ltr;">

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

ruweb dwweb.ru есть здесь:
Последние комментарии :
Марат :
01.12.2023 15:33
А вы зачем такое спрашиваете, если знаете? По школьной программе, ну по крайней мере, когда я учился, корня из…
подробнее.
Тесс :
01.12.2023 14:50
А как же комплексные числа, уважаемый автор? Вы бы хоть их упомянули, ради…
подробнее.
Марат :
28.11.2023 12:13
Спасибо за добрые слова! P.S. Ваше сообщение... необычным образом было записано так, что не передался адрес…
подробнее.
Макс :
26.11.2023 08:38
Здравствуйте! Даже для человека весьма далёкого все описано более чем доходчиво. Я только учусь понимать…
подробнее.
Марат :
08.10.2023 16:21
Приведите пример пожалуйста!!!
подробнее.
kelvin phitrow :
08.10.2023 16:16
Ничего не написано про двойное сравнение. То есть когда переменную надо сравнить с двумя числами, если она…
подробнее.
Немного о ruweb.net!
Страница загружена за : 0.016611 секунд. Подробнее