20
Очень часто на сайте необходимо при совершении каких либо действий пользователем выдавать ему сообщение. Но это всегда хочется сделать как-то красиво, а не обычным корявым alert(). Есть множество методик по этому поводу. Я не буду описывать ни одну из них. Главное, чтобы вы уже знали как расположить окошко с сообщением по центру экрана независимо от скроллинга. Ну хорошо окошко вывели и оно стоит себе пока мы не прокрутим колесико мышки вниз или вверх. Кто-то скажет ну и что, что окошко уходит вниз или вверх, для этого есть такое css свойство как poistion:fixed; . Да вы правы, но вот беда, в интернет эксплорере (IE) оно не работает (хотя говорят, что в IE7 и IE8 уже работает). Что же делать? Кто-то спасается css expression. А я подумал, если мне не нужно чтобы во время показа сообщения или до того времени пока я его не закрою страница под самим сообщением прокручивалась, то можно в данном случае обойтись и без expression, можно просто тегу <body> задать вот такие css паретры “overflow: hidden; position: fixed;”. И все, у Вас пропадет скроллинг и соответственно окошко никуда не денется. Вот пример как организовать это на jQuery:
$(“body”).css({overflow:”hidden”, position:”fixed”});
и обратное
$(“body”).css({overflow:”auto”, position:”static”});
Если возникнут вопросы или критика пишите в комментариях. Всего Доброго!