Css положение полосы прокрутки на странице

Я хочу, чтобы расположить скроллбар где-нибудь еще на странице, и сделать его иметь набор высоты, вместо 100% (например, как 400px)Css положение полосы прокрутки на странице

(Example Image)

Я хочу позиционировать это примерно в этом месте, с той шириной это работает, если добавить обивка/поля и положение для тела, но он разрушает остальную часть позиции веб-сайт объекта

Пример:

html { 
 
     overflow: -moz-scrollbars-vertical; 
 
     overflow-y: scroll; 
 
    } 
 
    body { 
 
    \t overflow-y: scroll; 
 
     overflow-x: hidden; 
 
    } 
 
    ::-webkit-scrollbar { 
 
     width: 12px; 
 
    } 
 
     
 
    ::-webkit-scrollbar-track { 
 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 
     -webkit-border-radius: 10px; 
 
     border-radius: 10px; 
 
    } 
 
     
 
    ::-webkit-scrollbar-thumb { 
 
     -webkit-border-radius: 10px; 
 
     border-radius: 10px; 
 
    \t 
 
     background-image: url(http://www.lovethisgif.com/uploaded_images/121722-File-color-Square-Cm.gif-Wikimedia-Commons.gif); 
 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
 
    } 
 
    ::-webkit-scrollbar-thumb:window-inactive { 
 
    \t background: rgba(255,0,0,0.4); 
 
    }

<!doctype html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"> 
 
<title>Untitled Document</title> 
 
</head> 
 

 
<body> 
 
</body> 
 
</html>

источник

2016-11-16 Omnitored

Вам нужно поделиться своим рабочим кодом. –

Зачем нужен html-код? Это полоса прокрутки, она не включена в html, она используется как часть webkit -.- – Omnitored

Просто используйте пользовательскую полосу прокрутки .. ее очень эффективный и настраиваемый я думаю – Manjunath

Я хотел бы создать фиксированного размера DIV, место, что в body (который получает ширину 100% и 100% высоты), поместить все содержимое в этот DIV и дать ему overflow-y : scroll или auto

источник

2016-11-16 13:39:47 Johannes

Css положение полосы прокрутки на странице

ответ

Смежные вопросы