Jump to content

Featured Replies

comment_201993

Все это, конечно, прикольно. Но работает далеко не во всех браузерах.

А задача матёрого владельца сайта в том, чтобы добиться работоспособности во всех основных браузерах.

comment_202005

-webkit-scrollbar будет работать во всех основных браузерах с поддержкой webkit
Пример:

::-webkit-scrollbar {
    width: 10px;
    background: #2a6a81;
}
::-webkit-scrollbar-thumb {
    background: #ebeff3;
    border-radius: 2px;
}
Спойлер

image.thumb.png.c4cdc367078fee6a862d4066327917f7.png

 

  • Author
comment_202048
2 hours ago, Exception said:

-webkit-scrollbar будет работать во всех основных браузерах с поддержкой webkit
Пример:

::-webkit-scrollbar {
    width: 10px;
    background: #2a6a81;
}
::-webkit-scrollbar-thumb {
    background: #ebeff3;
    border-radius: 2px;
}
  Hide contents

image.thumb.png.c4cdc367078fee6a862d4066327917f7.png

 

thank you
I also put this code in custom.css, but it didn't work

scr.jpg.22e56fdd20f39680067203cdc9470963.jpg

comment_202128
::-webkit-scrollbar {
    width: 10px;
    background: #2a6a81;
}
::-webkit-scrollbar-thumb {
    background: #ebeff3;
    border-radius: 2px;
}

 اگر از مرورگر فایرفاکس استفاده میکنی این کد ساپورتش نمیکنه
ولی برای سایر مرورگر ها مثل کروم، و غیره ساپورت میکنه 
راه دیگه ایم نداره تلاش نکن
webkit no support firefox

Edited by afshin20

comment_202131
2 часа назад, avangcom сказал:

I want it to work in all browsers, especially Firefox

а сразу не написать? Для всех и сразу скорее всего не получится. Вот ответ - https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox
смотри, изучай, пробуй

  • Author
comment_202132

tested Ok

html {   /* For Firefox */   overflow-y: scroll;   scrollbar-color: #008de4 #0d3b97;   scrollbar-width: thin; }  /* For Chrome and other browsers except Firefox */ body::-webkit-scrollbar {     width: 0.5em;     background-color: #0d3b97; } body::-webkit-scrollbar-thumb {     background-color: #008de4; }

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Reply to this topic...

Recently Browsing 0

  • No registered users viewing this page.