СКРИПТЫ
ТЕГИ:
php (282)
js (144)
html (132)
css (99)
html tags (58)
jquery (39)
edit text (37)
php array (30)
form html (29)
fonts (22)
foto (21)
forum (19)
ruweb.net (19)
atom (19)
html book (17)
board (17)
Показать еще :
php file (16)
js method (16)
hosting (16)
svg (16)
link (15)
htaccess (13)
osclass (13)
color (13)
table (12)
path (12)
php date (11)
online (11)
yandex (11)
js delete (11)
icon (11)
jsphp (11)
input (11)
notepad (11)
form (10)
php img (10)
url (10)
mouse (9)
info (9)
img (7)
cookie (7)
comment (7)
task (7)
ftp (7)
php url (7)
dosite (6)
click (6)
hover (6)
js url (6)
reg.ru (5)
chart (5)
php get (5)
adminka (5)
value (5)
mb (5)
js id (4)
bbcode (4)
submit (4)
js form (4)
browser (4)
select (4)
search (4)
js copy (4)
iframe (4)
symbols (4)
captcha (3)
https (3)
js post (3)
vk (3)
scandir (3)
js time (3)
ssl (3)
vs code (3)
height (2)
details (2)
youtube (2)
tag hr (2)
sitemap (2)
title (2)
ukoz (2)
cursor (2)
console (2)
seo (2)
js vars (2)
video (2)
smile (1)
windows (1)
numbers (1)
archive (1)
header (1)
books (1)
domen (1)
padding (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;">

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

    здесь текст,

Пользуйтесь на здоровье! Не забудьте сказать спасибо

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Последние комментарии :
Марат :
17.10.2021 39:28
Давно не делал и страницу и видео в один день... чет, как-то выжитый как…
подробнее.
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
ruweb