Прокручиваемая область со скрытым переполнением, но без полосы прокрутки - PullRequest
1 голос
/ 21 сентября 2010

Есть ли способ иметь переполняющий элемент div, который скрывает переполнение, не имеет полосы прокрутки, но все еще можно прокручивать (посредством колесика мыши / сенсорного ввода)?

, например

<!DOCTYPE html>  
    <div id="longtext" style="width:100px; height:100px;">  
        Lorem ipsum....  
    </div>

Мои попытки CSS потерпели неудачу, так как overflow: hidden; останавливает прокручиваемую область, в то время как overflow: auto / overflow: scroll имеет полосы прокрутки.

Заранее спасибо

1 Ответ

1 голос
/ 22 сентября 2010

То, что вы делаете, говорит браузеру, что контент можно прокручивать, но в то же время пытается заставить его не вести себя так, как если бы он был прокручиваемым. Я не уверен, что это разумная идея.

Самая близкая идея, которую я смог найти, - это IE-зависимый подход, стилизующий полосы прокрутки с помощью собственной цветовой схемы:


#div {
margin: 0 0 0 0;
padding: 0 0 0 0;
scrollbar-face-color: #666666;
scrollbar-highlight-color: #333333;
scrollbar-shadow-color: #222222;
scrollbar-3dlight-color: #888888;
scrollbar-arrow-color: #ff0000;
scrollbar-track-color: #222222;
scrollbar-darkshadow-color: #111111
}

Если вы хотите изменить цвета в соответствии с фоном вашего div, это может быть идеей. Однако важно отметить, что это поведение только для IE.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...