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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
Последние комментарии :
Марат :
18.11.2022 17:21
Как же я вами завидую! Сколько у вас свободного…
подробнее.
>" :
18.11.2022 17:18
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
18.11.2022 17:17
А как восклицательные знаки? С ними всё нормально??? Или нет??? Вы к ним как…
подробнее.
Марат :
18.11.2022 17:15
В мире много разных отклонений... по статистике примерно 10% человек в странах имеют такие.... Была у меня…
подробнее.
qwe"> :
18.11.2022 17:00
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
20.10.2022 10:10
Очень рад за Вас!
подробнее.
ruweb
Страница загружена за : 0.019902 секунд. Подробнее