제가 자바스크립트, 제이쿼리는 전혀 몰라서 갖다만 쓰고 있는 상황이거든요;
어디를 어떻게 수정해야 할지 모르겠는데...
일단
$("html, body").animate({scrollTop:position-69}, speed, "swing");
요 위에 내용에서요... 포지션-69인 상황은 PC에서만 쓰고 싶고,
(참고로 반응형입니다)
스마트폰에서는 저 -69가 적용이 안되게 맨위로 스크롤되고 싶은데...
어떻게 써야 할지 모르겠네요...
설명이 잘 되었는지 모르겠는데.. 아시는 분 있으시면 알려주세요 ㅠ
일단 쓴 코드 전체는
$(function(){
$('a[href^=#]').click(function(){
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position-69}, speed, "swing");
return false;
});
});
입니다.
답변 2개 / 댓글 4개
채택된 답변
+20 포인트
2014-09-18 (목) 16:31:38
Copy
function ua(Obj) { if(Obj.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || Obj.match(/LG|SAMSUNG|Samsung/) != null) { return "m"; } else { return "w"; }}$(function() { $('a[href^=#]').click(function() { var speed = 500; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = ua(navigator.userAgent) == "m" ? target.offset().top : target.offset().top - 69; $("html, body").animate({scrollTop:position}, speed, "swing"); return false; });});작동은 안 시켜 봤어요.
답변에 대한 댓글 2개
드래곤된다
2014-09-18 (목) 16:24:55
제가 어디선가 긁어다가 쓴거에요
Copy
<script>var ua = window.navigator.userAgent;if(/lgtelecom/i.test(ua) || /Android/i.test(ua) || /blackberry/i.test(ua) || /iPhone/i.test(ua) || /ipad/i.test(ua) || /samsung/i.test(ua) || /symbian/i.test(ua) || /sony/i.test(ua) || /SCH-/i.test(ua) || /SPH-/i.test(ua)){ $("html, body").animate({scrollTop:"1"}, speed, "swing"); //모바일일때 }else{$("html, body").animate({scrollTop:position-69}, speed, "swing"); //pc일때} </script>끝...
답변에 대한 댓글 2개
드래곤된다
2014-09-18 (목) 16:31:41
14년 3월달에 제작한 홈피에 있던 소스네요... 될지 안될지는 장담이... 읔....(설마 6개월사이에 스크립트가 폐기되겠어요??? 에이...)
답변을 작성하려면 로그인이 필요합니다.