У меня есть целевая страница, где после некоторых действий содержимое добавляется к странице, так что она идет выше складки, делая страницу прокручиваемой. В Mac OS нет проблем, она работает гладко, потому что полоса прокрутки является «прозрачной», а не в пути, но в Windows и Linux полоса прокрутки занимает пространство, например 20 пикселей, изменяя ширину страницы.
Есть ли способ предотвратить это? Чтобы воспроизвести стиль Mac OS, и чтобы вместо прокрутки появлялась полоса прокрутки перед страницей?Абсолютное позиционирование полосы прокрутки в Windows?
ответ
может помочь вам по этой ссылке: http://css-tricks.com/styling-scrollable-areas/ должен управлять пространство боковой CSS
спасибо, но это решение включает в себя javascript и пользовательскую полосу прокрутки, которая, как упоминалось в конце, довольно плоха для доступности. Я действительно искал только ответ css, но чем больше я его ищу, тем меньше он кажется. – Cystack
Попробуйте это. Это @ ответ 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;}
выглядит достаточно близко, но реальная проблема у меня есть эффект мерцания, когда появляется полоса прокрутки. Страница идет от ширины 1400 пикселей (например,) до 1380 пикселей, поэтому divs move и т. Д. Заметны и не контролируются. Этот трюк наведения приведет только к тому, что этот эффект произойдет чаще, нет? Связанный не: я работаю на OSX, поэтому не могу проверить поведение Windows. Что бы вы предложили подражать Windows? – Cystack
@Cystack Попробуйте с моим редактированием. Кажется, это хорошо в Chrome. –
Я проверю его, как только я дома, у меня нет доступа к машине Windows на данный момент:/ – Cystack
- 1. Абсолютное позиционирование изображения и полосы прокрутки
- 2. фиксированное абсолютное позиционирование VS для прокрутки
- 3. css абсолютное позиционирование скрытых полос прокрутки ... с завихрением
- 4. Абсолютное позиционирование в Android
- 5. Абсолютное позиционирование в Firefox
- 6. Абсолютное позиционирование в Flex?
- 7. Абсолютное позиционирование в Chrome?
- 8. Абсолютное позиционирование в WPF
- 9. Абсолютное позиционирование внутри прокручиваемого элемента
- 10. Абсолютное позиционирование и полоса прокрутки в Internet Explorer
- 11. Абсолютное позиционирование повернутого div
- 12. JavaFX: абсолютное позиционирование перетаскивания
- 13. Абсолютное/относительное позиционирование
- 14. DIV-Elemt абсолютное (!) Позиционирование
- 15. Относительное и абсолютное позиционирование
- 16. Абсолютное относительное позиционирование
- 17. Абсолютное позиционирование Twitter-бутстрапа
- 18. Хром абсолютное позиционирование
- 19. Отзывчивое абсолютное позиционирование
- 20. Абсолютное позиционирование div
- 21. Абсолютное позиционирование нижний выпуск
- 22. Макет страниц - абсолютное позиционирование
- 23. Абсолютное и относительное позиционирование
- 24. Абсолютное позиционирование iTextSharp (GridView)
- 25. Scene2d - абсолютное позиционирование
- 26. MOTOULS абсолютное позиционирование TIP
- 27. Абсолютное позиционирование относительно родителя
- 28. Абсолютное позиционирование стола
- 29. CSS абсолютное позиционирование тайны
- 30. Как работает абсолютное позиционирование?
попробовать это: http://enscrollplugin.com/ для меня это работает очень хорошо вы также можете стиль скроллбар –
добавив целую JQ плагин (+ JQ), чтобы исправить только что кажется немного перебор. Я мог бы погрузиться в их код, хотя бы посмотреть, как они это делают. – Cystack