note

  • 홈
  • 태그
  • 방명록

fixed horizontal scroll 1

jquery fixed 헤더 가로스크롤 처리

주로 헤더로 많이 쓰이는 fixed 엘리먼트는 아예상단에 위치가 고정되기때문에 윈도우 창을 작게 했을경우, 가로로 스크롤을 해보면 콘텐츠와 함께 스크롤이되지않는다. 그래서 window에 스크롤 이벤트를 걸어서 css를 스크립트로 처리해주어야한다. // gnb fixed horizontal scroll issue $(window).scroll(function(){ $('.fixed-top').css('left', 0-$(this).scrollLeft()); });

프로그래밍/jQuery 2018.06.26
이전
1
다음
더보기
반응형
프로필사진

note

え?

  • 분류전체보기 (234)
    • 프로그래밍 (216)
      • Vue.js (14)
      • React (0)
      • React Native (3)
      • TypeScript (1)
      • JavaScipt (37)
      • Node.js (6)
      • jQuery (44)
      • HTML+CSS (23)
      • SWIFT (1)
      • MSSQL (20)
      • ASP (24)
      • ASP.NET (0)
      • PHP (14)
      • JAVA (6)
      • GIT (2)
      • 기타 (21)
    • 페이스북 (9)
    • 크레이지아케이드 (9)

Tag

페이스북 api, jquery, 모바일 상단고정, javascript datediff, renderless component, facebook share link, 크아, vuejs render function, ios 앱푸시, ios fcm background, 페이스북 연동, ios fcm foreground, video 인앱 재생버튼, facebook APP, 페이스북 앱, crazyarcade, swift silent push, jquery touch slider, facebook api, video control hide,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :
06-06 20:41

Copyright © Kakao Corp. All rights reserved.

티스토리툴바