X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

Alternate for -webkit-scrollbar-thumb, -webkit-scrollbar-track and -webkit-scrollbar which is working fine in chrome and safari

Размещено

Here is my code,

li.event_list_cnt::-webkit-scrollbar {
width: 6px;
}

::-webkit-scrollbar-track {
background: url('/mma/sites/all/images/home/scroll-bg.png')no-repeat;
    background-position:center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

li.event_list_cnt::-webkit-scrollbar-thumb {
border-radius: 10px;
background: url('/mma/sites/all/images/home/scroll.gif')no-repeat;
background-position:top center;     
}
Here is my code, <pre><nowiki>li.event_list_cnt::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: url('/mma/sites/all/images/home/scroll-bg.png')no-repeat; background-position:center; -webkit-border-radius: 10px; border-radius: 10px; } li.event_list_cnt::-webkit-scrollbar-thumb { border-radius: 10px; background: url('/mma/sites/all/images/home/scroll.gif')no-repeat; background-position:top center; }</nowiki></pre>

Изменено cor-el

Выбранное решение

You can't style scroll bars on web pages. Only extensions can do this.

Note that you are inconsistent:
One one place (track) you use -webkit-border-radius: 10px; and border-radius: 10px; and on the other (thumb) only border-radius: 10px;


A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

Прочитайте этот ответ в контексте 0

Дополнительные сведения о системе

Приложение

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.40 Safari/537.17

Дополнительная информация

/** i tried -moz too but its also not working.

cor-el
  • Top 10 Contributor
  • Moderator
17532 решений 158534 ответов
Размещено

Выбранное решение

You can't style scroll bars on web pages. Only extensions can do this.

Note that you are inconsistent:
One one place (track) you use -webkit-border-radius: 10px; and border-radius: 10px; and on the other (thumb) only border-radius: 10px;


A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

You can't style scroll bars on web pages. Only extensions can do this. *https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions *https://developer.mozilla.org/en-US/docs/CSS/-moz-appearance Note that you are inconsistent:<br /> One one place (track) you use ''-webkit-border-radius: 10px;'' and ''border-radius: 10px;'' and on the other (thumb) only ''border-radius: 10px;'' ---- A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum. *http://forums.mozillazine.org/viewforum.php?f=25 The helpers at that forum are more knowledgeable about web development issues.<br> You need to register at the MozillaZine forum site in order to post at that forum.

Задавший вопрос

Thanks cor-el, i forward it to mozillazine and awaiting for reply.

Thanks cor-el, i forward it to mozillazine and awaiting for reply.