Скрытие поля прокрутки

Sandr · July 14, 2011

Подскажите насчёт 2х вопросов?

1. как на простой html странице сделать подобную прокрутку (без использования фреймов) и как потом скрыть полосу прокрутки?

Softlink · July 14, 2011

задать размеры блоку и выставить

overflow-y:scroll;

Sandr · July 14, 2011

Спасибо. А как можно скрыть скролл, но оставить возможность прокрутки? Я предполагаю, что его нужно сделать таким же цветом, как и цвет фона, так? Или есть и другие пути?

Edited July 14, 2011 by Sandr

Softlink · July 14, 2011

по поводу скрыть не углядел. А как ее скрыть надо? Можно допустим просто задать блоку

overflow:hidden;

и ничего за его пределы не вылезет, соответственно и не будет скорлла.

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

mishka совсем недавно приводил пример:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
        <meta charset="UTF-8">
        <title></title>
        <style>
                body, html { height: 100%; }
                body { overflow: hidden; }
                #wrapper {
                        width: ширина окна + ширина скроллбара вертикального;
                        height: высота окна + высота скроллбара горизонтального;
                        overflow: scroll;
                }
        </style>
</head>
<body>
        <div id="wrapper">
                <p>Lorem ipsum dolor sit amet consectetuer senectus leo scelerisque cursus.</p>
                <p>Fames justo consectetuer ut Aenean feugiat turpis pretium nec id.</p>
                <p>Tellus pharetra parturient ipsum Nullam pede lacus orci sed condimentum auctor. Sit mus.</p>
                <p>Ac urna enim Sed condimentum wisi rhoncus quam cursus pellentesque sociis. Ante sit Donec eros neque et Proin.</p>
                <p>Urna Vivamus Vestibulum ligula interdum nascetur orci enim accumsan turpis tincidunt. Mollis justo Fusce.</p>
                <p>Lorem ipsum dolor sit amet consectetuer senectus leo scelerisque cursus.</p>
                <p>Fames justo consectetuer ut Aenean feugiat turpis pretium nec id.</p>
                <p>Tellus pharetra parturient ipsum Nullam pede lacus orci sed condimentum auctor. Sit mus.</p>
                <p>Ac urna enim Sed condimentum wisi rhoncus quam cursus pellentesque sociis. Ante sit Donec eros neque et Proin.</p>
                <p>Urna Vivamus Vestibulum ligula interdum nascetur orci enim accumsan turpis tincidunt. Mollis justo Fusce.</p>
                <p>Lorem ipsum dolor sit amet consectetuer senectus leo scelerisque cursus.</p>
                <p>Fames justo consectetuer ut Aenean feugiat turpis pretium nec id.</p>
                <p>Tellus pharetra parturient ipsum Nullam pede lacus orci sed condimentum auctor. Sit mus.</p>
                <p>Ac urna enim Sed condimentum wisi rhoncus quam cursus pellentesque sociis. Ante sit Donec eros neque et Proin.</p>
                <p>Urna Vivamus Vestibulum ligula interdum nascetur orci enim accumsan turpis tincidunt. Mollis justo Fusce.</p>
                <p>Lorem ipsum dolor sit amet consectetuer senectus leo scelerisque cursus.</p>
                <p>Fames justo consectetuer ut Aenean feugiat turpis pretium nec id.</p>
                <p>Tellus pharetra parturient ipsum Nullam pede lacus orci sed condimentum auctor. Sit mus.</p>
                <p>Ac urna enim Sed condimentum wisi rhoncus quam cursus pellentesque sociis. Ante sit Donec eros neque et Proin.</p>
                <p>Urna Vivamus Vestibulum ligula interdum nascetur orci enim accumsan turpis tincidunt. Mollis justo Fusce.</p>
        </div>
</body>
</html>

Sandr · July 14, 2011

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

Да-да, вот про это я и говорил))

Sign In

Скрытие поля прокрутки

Question

Sandr

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

Sandr

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

Sandr

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information