скрыть полосу прокрутки, но можно прокрутить с помощью мыши

Question

Я хочу скрыть полосу прокрутки, чтобы отображаться в длинном div, но все еще могу прокручивать клавиши курсора мыши или клавиатуры. Я читал другую ветку здесь о scrollable. Попытался использовать это .. но не смог реализовать это ... кто-нибудь подскажет, как это реализовать, или есть другие варианты с jquery или css?

Любая помощь будет принята с благодарностью.

Спасибо

Answer 1

Я не уверен на 100% в совместимости браузера, но вы можете иметь два div - внешний div и внутренний div. Внутренний div будет иметь весь ваш контент. Ваш CSS может выглядеть так:

#outer {
    width: 200px;
    height: 200px;
    overflow:hidden;
}

#inner {
    height: 200px;
    width: 225px;
    overflow: scroll;
}

То есть внутренний блок должен быть достаточно широким, чтобы содержать полосу прокрутки, но он должен быть скрыт от глаз содержащим div. Это сработало для меня в webkit. Возможно, вам придется поэкспериментировать с шириной, чтобы текст не обрезался.

Тем не менее, я бы тщательно подумал, ПОЧЕМУ вы пытаетесь это сделать. Это может быть огромной проблемой юзабилити для ваших пользователей, так как они не будут иметь никаких признаков того, что внутри div больше контента.