2013-11-08 2 views
0

У меня есть целевая страница, где после некоторых действий содержимое добавляется к странице, так что она идет выше складки, делая страницу прокручиваемой. В Mac OS нет проблем, она работает гладко, потому что полоса прокрутки является «прозрачной», а не в пути, но в Windows и Linux полоса прокрутки занимает пространство, например 20 пикселей, изменяя ширину страницы.
Есть ли способ предотвратить это? Чтобы воспроизвести стиль Mac OS, и чтобы вместо прокрутки появлялась полоса прокрутки перед страницей?Абсолютное позиционирование полосы прокрутки в Windows?

+0

попробовать это: http://enscrollplugin.com/ для меня это работает очень хорошо вы также можете стиль скроллбар –

+0

добавив целую JQ плагин (+ JQ), чтобы исправить только что кажется немного перебор. Я мог бы погрузиться в их код, хотя бы посмотреть, как они это делают. – Cystack

ответ

0

может помочь вам по этой ссылке: http://css-tricks.com/styling-scrollable-areas/ должен управлять пространство боковой CSS

+0

спасибо, но это решение включает в себя javascript и пользовательскую полосу прокрутки, которая, как упоминалось в конце, довольно плоха для доступности. Я действительно искал только ответ css, но чем больше я его ищу, тем меньше он кажется. – Cystack

1

Попробуйте это. Это @ ответ CalvinFroedge'S в this SO Question

 div { overflow:hidden;height:whatever px; } 
     div:hover { overflow-y:scroll; } 

EDIT: Для того, чтобы решить проблему изменения размера, что делает ширину постоянной кажется для достижения эффекта. Таким образом, изменение Div стиль для

 div { overflow:hidden;height:whatever px; width:watever px;} 
+0

выглядит достаточно близко, но реальная проблема у меня есть эффект мерцания, когда появляется полоса прокрутки. Страница идет от ширины 1400 пикселей (например,) до 1380 пикселей, поэтому divs move и т. Д. Заметны и не контролируются. Этот трюк наведения приведет только к тому, что этот эффект произойдет чаще, нет? Связанный не: я работаю на OSX, поэтому не могу проверить поведение Windows. Что бы вы предложили подражать Windows? – Cystack

+0

@Cystack Попробуйте с моим редактированием. Кажется, это хорошо в Chrome. –

+0

Я проверю его, как только я дома, у меня нет доступа к машине Windows на данный момент:/ – Cystack

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