Полноэкранный слайдер Div JQuery с ScrollTo

Question

У меня есть сайт, навигация по которому использует scrollTo для перехода к выбранному слайду.Слайды устанавливаются через jQuery на 100% высоты и ширины окна.ПОСЛЕ того, как я использую scrollTo, а затем изменяю размер окна, позиция слайда неверна.

Мой пример можно посмотреть здесь: http://bit.ly/yRi72B

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

Answer 1

Вы можете установить переменную для div, которую вы только что прокрутили, например,

$("div#logo").click ( function () {
    $("div#wrapper").scrollTo( "div#about", 1000);
    currentslide = "div#about";
});

, а затем в своем окне изменить размер вызова события

$("div#wrapper").scrollTo( currentslide, 0);

Answer 2

Вы можете объявить и инициализировать переменную current = "div # home";затем в функции изменения размера в конце вызовите функцию прокрутки .. $ ("div # wrapper"). scrollTo (currenttslide, 0);

и в функции щелчка установите current = "div # home" или"div # about" ..

Эта работа для меня ..

Удачи!

Answer 3

Используйте $(window).resize(), чтобы перехватить события изменения размера окна и снова установить ширину и высоту слайда на 100%.