신기한 웹 세상

Tag

scroll

[jQuery] 부드럽게 화면 이동하기

클릭을 했을 경우 href="#아이디값"으로 끊겨서 이동하는 것이 아니라 jQuery의 .animate()를 이용해서 화면이 부드럽게 이동되게 할 수 있다. 또 아이디 값이 없고 #만 있을 경우는 맨 위로 이동 시키게 할 수 있는데 참고 소스는 아래와 같다. 부드럽게 스크롤링의 접근성 원활한 스크롤링을… Continue Reading →

모바일에서 레이어팝업 스크롤(Scroll) 적용 시키기!

모바일에서 레이어팝업 띄웠을 때 레이어안에서 스크롤이 안되는 경우가 많았다. 스크롤 하게 되면 body쪽 전체 스크롤이 움직이고 안쪽만 안되는 어려움이 많았다. HTML: <div id=”wrap”> <a class=”btn_layerpopup” href=”#layerPopup”>팝업 띄우기</a> <div class=”layer-popup” id=”layerPopup”> <div class=”header”> <span>제목</span> <a class=”btn_close_layer” href=”#none”>닫기</a> </div> <div class=”layer-containers”> <div… Continue Reading →


© 2017 신기한 웹 세상

Up ↑