Xap4o Сообщение 28/02/2013 07:58 Копия темы
подскажите плз по скроллингу мне нужно сделать чтобы при загрузке страницы, страница автоматически сроллировалась на 50 пикселей.
т.е. чтобы когда страница загрузилась страница сама опустилась на 50 пикселей вниз
а вот как это в гугле записать не могу помнять

rim89 Сообщение 28/02/2013 08:23 Копия темы
JS скриптом, по идее как всплывающая реклама , только она не поверх сайта будет, а идти как верхний div

code-master Сообщение 28/02/2013 08:29 Копия темы
Подсказываю – learn.javascript.ru/metri...

dkeen Сообщение 28/02/2013 08:33 Копия темы
jQuery.ScrollTo

code-master Сообщение 28/02/2013 08:34 Копия темы
Без jQuery (чистый javascript) вот, что вам нужно:

window.onload = function(){ window.scrollBy(0,50) }

oddberry Сообщение 28/02/2013 08:44 Копия темы
этот jquery это похоже рак мозга) скоро два числа без jquery сложить не получится хаха

Xap4o Сообщение 28/02/2013 10:52 Копия темы
спасибо =)

Xap4o Сообщение 28/02/2013 11:20 Копия темы
блин не совсем подходит.
если нажать Ф5 то страница перезагруится и сместиться еще на 50 пикселей, получается уже 100 =(

trushka Сообщение 28/02/2013 11:27 Копия темы
На самом деле, если jQuery и так используется на странице, с его помощью можно это сделать плавно в одно действие:
$('body").animate({scrolTop:50}, 300) – плавно сдвинется на 50px за 0.3с
Естественно, это должно быть внутри $(function(){...}) чтоб дождаться загрузки документа или $(window).load(function(){...}), чтоб дождаться загрузки всех элементов страницы (сработает только после загрузки всех элементов типа картинок)

trushka Сообщение 28/02/2013 11:32 Копия темы
Если хотите без jQery – есть window.scrollTo(0,50) (кстати, window можно не писать)

code-master Сообщение 28/02/2013 11:40 Копия темы
если нажать F5... в норм. браузерах (я не знаю, чем вы тестите, может ослом 6-м =)) ) все так: загружается страница со скроллом 0 (по-умолчанию), а скрипт сдвигает потом на 50 пикс вниз. После перезагрузки страницы (F5) информация скрипта стирается и опять... скролл 0, потом скрипт сдвигает на 50 пикс.

Эти ваши 100 – вы что-то путаете)))

trushka Сообщение 28/02/2013 11:49 Копия темы
Вообще, браузер запоминает позицию страницы и после перезагрузки на неё возвращается, а потом уже сдвигает на указанное число.. Возможно, тут разные браузеры срабатывают в разной последовательности.. Поэтому, мне кажется, scrollTo уместнее, он ведь сдвикает к определённой позиции, а не на какое-то число точек.

code-master Сообщение 28/02/2013 11:58 Копия темы
точно, все браузеры не запоминают, но... Опера одна только запоминает.)) (Видимо, у ТС этот браузер любимый) Поэтому делаем так:
window.onload = function(){
window.scrollBy(0,0); // (Обнуляем историю для Оперы)
window.scrollBy(0,50)
}

Xap4o Сообщение 28/02/2013 12:00 Копия темы
я в мозилле смотрю, тут это обнуление не работает =(

Xap4o Сообщение 28/02/2013 12:00 Копия темы
не работает нифига =)

code-master Сообщение 28/02/2013 12:02 Копия темы
Я в мазилле первый раз сделал, все без обнуления норм.

code-master Сообщение 28/02/2013 12:06 Копия темы
А вообще, Андрей Трушевский абсолютно прав был (« мне кажется, scrollTo уместнее, он ведь сдвикает к определённой позиции, а не на какое-то число точек»), надо было в самом начале использовать это:

window.onload = function(){ window.scrollTo(0,50) }

И тогда не надо никаких неработающих обнулений)))

trushka Сообщение 28/02/2013 12:26 Копия темы
Вот так должно сработать: $('html, body').animate({scrollTop:50}, 300) – там браузеры ведут себя по-разному, скролят либо body, либо html, ещё и может повлиять указатия в css типа body {height:100%}

Xap4o Сообщение 28/02/2013 12:32 Копия темы
ВСЕМ СПАСИБО!! ВСЕМ ПО ПЛЮСУ =)) вот работает $(window).load(function(){
jQuery('html, body').animate({scrollTop: "120px"}, 300);

});

Xap4o Сообщение 28/02/2013 12:34 Копия темы
а у вас я смотрю очень положительная карма =)