jquery水平スクロール(学習63日目TIL)


210910今日、例によって、縦スクロールを横スクロールのように見せる効果を学習した.

Must Remember

$(window).scroll(function() {
  var scroll = $(this).scrollTop(); // 현재 스크롤 위치
  $("section").stop().animate({"left":-scroll}, 600, "linear");
});

// li 클릭하면 해당 값만큼 스크롤 움직이도록...
$(".gnb li").click(function() {
  var i = $(this).index(); // 몇 번째 li인지
  var posNavi = 1000 * i;
  $("html, body").scrollTop(posNavi);
});