Форум hotibo.ru

talisman87 · #1 04.02.2010 22:33

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

Решение нужно кроссбраузерное, то есть ие5+, опера7+, фф.
Понимаю, что хочу много, но такая вот задача

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

AKS · #2 05.02.2010 08:43

Overflow???

Отредактированно AKS (05.02.2010 08:56)

talisman87 · #3 05.02.2010 09:13

нет, оверфлоу отключает и горизонтальный и вертикальный, причем скролить можно удержанием третьей кнопки мышки (колесо).

пс. я думаю, это нужно сделать как-то через ява-скрипт, собственно поэтому тут и запостил. Мои знания по этой теме практически равны нулю, поэтому и спрашиваю. Знаю, что через ява-скрипт можно менять цвет скролла, следовательно, может быть можно и его отключить...

Отредактированно talisman87 (05.02.2010 09:16)

AKS · #4 05.02.2010 11:09

Возьмем div, и поместим в него все содержимое body. Укажем ему width: 100% и overflow: hidden. У body по-прежнему будет вертикальный скроллинг, а горизонтальный не появится, т.к. наш div в любом случае будет в 100% окна...

talisman87 · #5 05.02.2010 13:27

проблема в том, что ширина дива больше окна.

AKS · #6 05.02.2010 15:55

Честно говоря, не совсем понятна цель такой игры в прятки...
Тем не менее можно попробовать написать скрипт, но нужен HTML-код.

talisman87 · #7 06.02.2010 09:15

собственно дизайн под 1024+
при 1024 мы видим лишь среднюю часть блока. при большем разрешении видим его целиком. ширина блока фиксированная — 1280пх.
реализовал орицательным отступом.

посмотреть в вебе — http://talisman87.com/temp/popov/
скачать архив — http://talisman87.com/temp/popov/popov.rar

AKS · #8 06.02.2010 16:31

Ничего не получается! Overflow - не подходит, а иначе скроллбар не убирается. А как здорово все задумано - мне понравилось! Но этот скроллбар немного портит картину. Надо что-то придумать...

talisman87 · #9 06.02.2010 19:19

AKS, если с помощью ява-скрипта можно изменить цвет скроллбара, то почему его нельзя отключить?
даже таким наиграным способом, как сделаеть его прозрачным, а на событие "кручу-верчу колесико мышки" повесить пустое действие.

я не знаю ява-скрипта, я не могу судить об этом.

AKS · #10 06.02.2010 20:30

Так менять цвет скроллбара можно только в IE, а в нем итак можно было бы overflow-x применить. И в нем же есть событие onmousewheel, а в других нет. Так что с IE было бы очень удобно, как вот с другими броузерами быть - незнаю... Я уже пробовал менять ширину и отступы (сейчас вот только голову ломал), но там такая мудреная CSS, что я никак немогу подобраться даже близко к желаемому!

AKS · #11 06.02.2010 22:04

Вроде кое-что получилось, только скрипт работает с шириной и отступами блоков, а не со скроллами...

Wizard · #12 16.03.2010 23:39

да вы чё, ребят... Overflow-x: hidden; отключит вертикаль. особено если её прямо в html{} кинуть...

AKS · #13 17.03.2010 08:05

Wizard
И в каких браузерах (кроме IE, конечно) эта революционная идея может найти воплощение?

MT · #14 17.03.2010 10:19

AKS написал:

Wizard
И в каких браузерах (кроме IE, конечно) эта революционная идея может найти воплощение?

Firefox 1.5 ;-)

talisman87 написал:

проблема в том, что ширина дива больше окна.

Код:

...

AKS · #15 17.03.2010 19:34

MT
Да, этот пример хорош, и если покопаться (поверьте, там не все так просто), то и таким способом, наверно,
можно было бы решить проблему.
Про overflow talisman87 писал:

Решение нужно кроссбраузерное, то есть ие5+, опера7+, фф.

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

Wizard · #16 17.03.2010 20:04

AKS написал:

Wizard
И в каких браузерах (кроме IE, конечно) эта революционная идея может найти воплощение?

Opera 8, 9, IE, ff, Safari даже, хотя у меня старенькая.

PS

Извините, я код не смотрел. Оверфлоу помогает в других случаях, обычно.

Wizard · #17 17.03.2010 20:08

AKS

Ну форумы должны не только авторам помогать, а всем, кто найдёт их как искомую тему через поисковик.

AKS · #18 17.03.2010 22:11

Wizard
Overflow-x не работает в Opera! Вот тут подсказал нам MT, что теперь в Firefox 1.5 работает, а раньше FF тоже не знал про это св-во. А тему-то я бы с удовольствием обсуждал, это я так, к слову, про то, что автор уже про нее забыл. Если есть желание, давайте продолжим, к тому же и MT тут, видимо, готов присоединиться (у него неплохое предложение, только надо оптимизировать к данному примеру)...

Wizard · #19 18.03.2010 00:54

Тысяча чертей... Я так зол на себя, написал целую статью и нажал рефреш:]]]]
суть такова: эксперементируйте с

Код:


html {
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    border:0;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow:hidden;
    /* */
    }
#content {
    display:block;
    overflow: hidden;
    position:absolute;
    top: 0;
    width:100%;
    margin:-1px;
    left:0;
    border:0;
    }
...







...

Кажется, всё правильно... Ну в общем хакайте и пренетрегайте валидоляцией, имхо. Ибо зачем она нужна, я так и не слышал вразумительного ответа. А сторонники валидола пусть со скроллами сидят:)))

продолжение следует...

AKS · 18.03.2010 08:27

Wizard
Пример отличный, но он не подошел бы для решения задачи, поставленной изначально автором топика. Ему даже не подошел бы вариант с overflow-x, несмотря на то, что теперь кроме IE еще и FF 1.5 знает об этом св-ве (и я, в том числе, благодаря MT). Чтобы мы окончательно могли понять друг друга в этом вопросе, скачайте его пример и попробуйте найти свое решение.

Форум hotibo.ru

#1 04.02.2010 22:33

Отключить скроллбар.

#2 05.02.2010 08:43

Re: Отключить скроллбар.

#3 05.02.2010 09:13

Re: Отключить скроллбар.

#4 05.02.2010 11:09

Re: Отключить скроллбар.

#5 05.02.2010 13:27

Re: Отключить скроллбар.

#6 05.02.2010 15:55

Re: Отключить скроллбар.

#7 06.02.2010 09:15

Re: Отключить скроллбар.

#8 06.02.2010 16:31

Re: Отключить скроллбар.

#9 06.02.2010 19:19

Re: Отключить скроллбар.

#10 06.02.2010 20:30

Re: Отключить скроллбар.

#11 06.02.2010 22:04

Re: Отключить скроллбар.

#12 16.03.2010 23:39

Re: Отключить скроллбар.

#13 17.03.2010 08:05

Re: Отключить скроллбар.

#14 17.03.2010 10:19

Re: Отключить скроллбар.

AKS написал:

talisman87 написал:

Код:

#15 17.03.2010 19:34

Re: Отключить скроллбар.

#16 17.03.2010 20:04

Re: Отключить скроллбар.

AKS написал:

#17 17.03.2010 20:08

Re: Отключить скроллбар.

#18 17.03.2010 22:11

Re: Отключить скроллбар.

#19 18.03.2010 00:54

Re: Отключить скроллбар.

Код:

#20 18.03.2010 08:27

Re: Отключить скроллбар.

Board footer