Jquery Horizontal Scroll(학습 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);
});