Чат сообщества
   | |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии .fadeIn() VS .slideDown() |
| .fadeIn() VS .slideDown() |
|
Устал эксперементировать.. прошу помощи. Задача проста (относительно для jquery) - хочу чтобы страничка приезжала сверху - вниз. Нашел нужный эффект.. прочитал про его использование.. 2 дня возни и ни фига.
Вот это работает отлично и всегда: <script type="text/javascript"> $(document).ready(function() { $("body").css("display", "none"); $("body").fadeIn(2000);};); </script> А вот нужный вариант.. что не делаю - эффекта 0! Пытался убрать display none, пытался сделать через window.onload, менял параметры .slideDown - работать отказывается. <script type="text/javascript"> $(document).ready(function() { $("body").css("display", "none"); $("body").slideDown(2000);};); </script> не пойму почему не пашет... пробовал с Jquery 1.6, 1.7, 1.10.. тестил в IE - CHROME - FIREFOX - результата 0 везде. Есть предложения?  WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Суббота, 01 Фев 2014, 14:36:15
|
|
M-Brook: Еще плюсик..
но если хочу чтобы вся страница катилась.. всю ее в div??? С блоком то работает прекрасно - не в этом прикол :P FadeIn пашет в такой конфигурации.. без оберток div Завернул всю страницу в div - эффект тот же! (белый экран и ничего не приезжает) Добавлено (24 Фев 2014, 20:50:28) WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Понедельник, 03 Фев 2014, 21:31:45
|
|
Попробуйте так
<script type="text/javascript"> $(document).ready(function() { $("body").css("display", "none"); $("body").slideDown();};); setInterval(function(){ document () }, 3000); </script> |
|
|
|
Цитата GEMMY (  )< body height="100%"> в CSS, вы имеете ввиду? а не проще поставить для body: - style="top:-100%" а потом анимацией jq - сделать top:0px; вот и все дела = и еффект желаем и действие котролируемо )))) Спасибо = "+" в репутацию
Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
|
так.. обернуть в див весь код не могу - куча скриптов и функций - половина сразу отказывает
почему не знаю.. 75000 символов копаться долго =) страница листабельна.. <body> вот такой: <body style="background:url('/BACKG.gif') fixed repeat; margin:0px; padding:0px;"> есть вот такая функция: <script type="text/javascript"> function up() { var top = Math.max(document.body.scrollTop,document.documentElement.scrollTop); if(top > 0) { window.scrollBy(0,((top+100)/-10)); t = setTimeout('up()',20); } else clearTimeout(t); return false; } </script> и она работает (при нажатии на кнопку страница плавно плывет вверх до конца, но конечно только когда страница пролистана до низу где и находится собсна кнопка.. <a href='#' onclick="return up()"><img src = "/up.png" title="SCROLL TO TOP"></img></a>) вопрос - как заставить чтобы страничка открывалась внизу (в конце) изначально? предложенное изменение не помогает - грузится и показывается верх странички все равно: <body style="background:url('/BACKG.gif') fixed repeat; margin:0px; padding:0px;top:-100%"> WWW.DOGICA.COM / WWW.DOGICA.ORG |
|
Цитата GEMMY ( )вопрос - как заставить чтобы страничка открывалась внизу (в конце) изначально? ааа так вы просто хотите страницу вниз проскролить что-ли = я вас не понимаю но если да то юзайте scrollTop:999999 для тега body Спасибо = "+" в репутацию
Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
|
нет нет..
изначальная задача такова есть страница появляется методом FadeIn (функция указана в топе) хочу чтобы появлялось методом slideDown (сначала белый экран - > потом "спуск" всей страницы сверху вниз) 1) в <div> все содержимое запихнуть не могу - перестают работать некоторые вещи на ней 2) установка для <body> style="top:-100%" ничего вообще не меняет.. есть еще варианты? WWW.DOGICA.COM / WWW.DOGICA.ORG |
|
Цитата GEMMY ( )2) установка для <body> style="top:-100%" ничего вообще не меняет.. "top" без "position:absolute|fixed" не работает. Добавлено (28 Фев 2014, 12:17:09) --------------------------------------------- Код <script> $(document).ready(function(){ $("body").css({ "top":"-"+$("body").outerHeight()+"px", "position":"absolute" }).animate({"top":"0px"},"slow","linear",function(){ $("body").css({"position":""}); }); }); </script> Сообщение отредактировал Nexxus - Пятница, 28 Фев 2014, 18:55:46
|
| |||