php (322)
js (242)
математика (136)
css (127)
калькулятор (80)
html tags (62)
js tag (56)
php function (56)
дробь (50)
число (48)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
fonts (30)
online (27)
link (26)
Показать еще :
object date (26)
ruweb.net (25)
html attribute (25)
foto (22)
type of input (21)
php matematika (20)
php file (20)
atom (20)
forum (19)
деление (19)
sublime text 3 (19)
определение (19)
десятичная дробь (18)
input (18)
hosting (18)
svg (18)
js attribute (18)
css property (17)
php date (17)
board (16)
php time (16)
html book (16)
php string (15)
js replace (15)
color (15)
php folder (15)
js events (14)
js url (14)
js time (14)
font download (14)
img (13)
htaccess (13)
osclass (13)
info (13)
вычитание (13)
notepad (13)
select (13)
php path (12)
keyboard (12)
table (12)
знак (12)
php img (12)
dw block (12)
download (12)
jsphp (11)
font awesome (11)
js location (11)
form (11)
icon (11)
yandex webmaster (11)
drop down list (10)
attribute data (10)
yandex (10)
js delete (10)
отрицательные (10)
mouse (10)
признак делимости (10)
сложить (9)
css shape (9)
database (9)
вычитание дробей (9)
hover (9)
смешанная дробь (9)
php count (9)
php session (9)
онлайн (9)
calculator (8)
dosite (8)
document js (8)
js attr delete (8)
php array key (8)
js array (8)
selector css (7)
programs (7)
encryption (7)
php post (7)
степень (7)
queryselector (7)
different (7)
border property (7)
background (7)
перевод дробей (7)
$ server (7)
php url (7)
browser (7)
php error (7)
php operator (7)
attribute title (7)
cookie (7)
dreamweaver (7)
jquery attribute (7)
comment (7)
php get (6)
iframe (6)
tag title (6)
list (6)
alphabet (6)
canvas (6)
filezilla (6)
js class (6)
robots txt (6)
mysql (6)
position element (6)
tags meta (6)
click (6)
code editor (6)
dwweb ru (5)
registration (5)
треугольник (5)
tag a (5)
textarea (5)
php cookie (5)
paragraph (5)
directadmin (5)
php substr (5)
adminka (5)
$ global vars (5)
value (5)
php second (5)
js slice (5)
reg.ru (5)
search (5)
js math (5)
умножение (5)
display property (5)
mb (5)
chart (5)
ftp (5)
placeholder (5)
year (5)
площадь (5)
heading (5)
js id (5)
задача (4)
href attribute (4)
нок (4)
php var (4)
js domain (4)
php type var (4)
count symbol (4)
php preg replace (4)
xml (4)
scandir (4)
ssl (4)
week (4)
умножить дробь (4)
day (4)
base64 (4)
bbcode (4)
php register (4)
text decoration (4)
js form (4)
js string (4)
task (4)
month (4)
php constants (4)
js window (4)
console (4)
clock fonts (4)
template (4)
php cycle (4)
symbols (4)
pages (4)
classlist (4)
vk (4)
position (4)
php task (4)
submit (4)
делить дробь (4)
https (3)
js attr ad (3)
js attr get (3)
numbers (3)
jquery post (3)
js post (3)
function time (3)
js hash (3)
subdomain (3)
js attr change (3)
checkbox (3)
php password (3)
jquery class (3)
php method (3)
money (3)
magic constants (3)
php get element (3)
question (3)
first letter (3)
vs code (3)
domen (3)
php cycle for (3)
font style (3)
php rand (3)
js tag delete (3)
периметр (3)
куб (3)
pseudo element (3)
сложить дробь (3)
line (3)
корень (3)
captcha (3)
selector (3)
ucoz (3)
php counters (3)
preg replace (3)
padding (3)
auto form (3)
js cookie (3)
js img (3)
js vars (2)
audio player (2)
facebook (2)
php mail (2)
js property (2)
errordocument (2)
рся (2)
youtube (2)
video (2)
php round (2)
input stroke (2)
yoomoney (2)
sitemap (2)
js value (2)
js object (2)
круг (2)
калькулятор 2 (2)
tag hr (2)
about me (2)
jquery method (2)
делить смешанную (2)
набрать дробь (2)
квадрат (2)
css book (2)
type file (2)
prompt (2)
php form (2)
arrows (2)
details (2)
seo (2)
функция (2)
php array sort (2)
height (2)
google (2)
file cms (2)
qr kod (2)
authorization (2)
counter (2)
contenteditable (2)
attribute target (2)
typeof (2)
delete tag (2)
js attr hey (2)
php array value (2)
source code (2)
comments+ (2)
speed (1)
rutube (1)
windows (1)
jquery book (1)
sublime text 4 (1)
game (1)
js session (1)
input html (1)
прямоугольник (1)
sberbank (1)
js folder (1)
php info (1)
text align (1)
header (1)
js tag do (1)
smile (1)
computer (1)
type range (1)
js tag get (1)
js tag change (1)
archive (1)
объем (1)
cursor (1)
jino (1)
xmlhttprequest (1)
css indent (1)
php minute (1)
scroll (1)
нод (1)
Переместим полосу прокрутки налево.
Как вы знаете, полоса прокрутки по умолчанию находится справа! Но иногда хочется и просто необходимо разместить полосу прокрутки слева!
Подробно о перемещении полосы прокрутки налево!
Полоса прокурки справа пример
Я уже несколько страниц написал о прокруткеИ нам понадобится пример - его возьмем из предыдущих страниц.
Это простой пример прокрутки, который будет показываться на нашем блоке:
Код блока с расположением по умолчанию прокрутки:
<div style="margin: auto;border: 1px solid; padding: 35px; height: 20px; overflow-x: hidden; width: 200px;">
<div style="width: 500px;">
здесь текст,
здесь текст,
здесь текст,
здесь текст,
здесь текст,
</div>
</div>
Разместим его прямо здесь:
Пример расположения прокрутки по умолчанию!
Как видим... что наша прокрутка располагается справа!
Полоса прокурки слева пример
Далее... нам нужно ркасположить полосу прокрутки с другой стороны, т.е слева...
Берем тоже код, что мы уже видели выше:
Но только добавляем туда магию css:
Наш код будет выглядеть так:
<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;">
Можете не благодарить, лучше помогите!
Счетчик в график :
Построение гравиковОснова для графика : счетчик посещаемости.
На отдельной : странице.