묻고답하기
스크롤 따라다니는 퀵메뉴 배너
2015.12.14 13:50
스크롤 따라다니는 퀵메뉴 배너를 달았는대요
레이아웃 헤더 부분에 아래 소스를 넣었습니다
제대로 나오기는 하지만 링크 클릭이 안되네요
익스플로러에서는 문제가 없고 크롬에서 그래요
무엇이 잘못된건지 답변 좀 부탁드립니다. ㅠㅠ
<head>
<style type="text/css" media="screen">
#content {
position:absolute;
height:600px; /* 퀵메뉴, 배너 이미지의 높이 */
width:170px; /* 퀵메뉴, 배너 이미지의 너비*/
margin:0px 0px 0px 500px; /* 가장 오른쪽의 수치가 화면 가운데에서 얼마만큼 오른쪽으로 레이어를 붙일 것인지 설정 */
top: 110px; /* 배너 상단에서 얼마나 떨어뜨릴지 설정*/
left: 50%; /* 레이어의 시작점이 왼쪽으로 부터 50% 지정 */
text-align: left;
padding: 0px;
}
</style>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript">
$(function() {
var offset = $("#content").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#content").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
}, 500);
} else {
$("#content").stop().animate({
marginTop: 0
});
};
});
});
</script>
</head>
<body>
<div id="content">
<center><a href="http://onore.co.kr" target="_blank"><img src="http://www.openqueer.com/data/img/bn/0.gif" /></a></center>
<br>
<center><a href="http://cafe.naver.com/sky07042570087" target="_blank"><img src="http://www.openqueer.com/data/img/bn/1.gif" /></a></center>
<br>
<center><script type="text/javascript" src="http://tab2.clickmon.co.kr/pop/wp_ad_160_js.php?PopAd=CM_M_1003067%7C%5E%7CCM_A_1019341%7C%5E%7CAdver_M_1003115" ></script></center>
</div>
</body>
- [2016/12/21] 묻고답하기 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 *1
- [2016/01/10] 묻고답하기 jquery 페이어 팝업 10초 후 자동 닫기 *1
- [2015/11/24] 묻고답하기 메뉴바를 길게하고자 합니다 *1
- [2015/07/16] 묻고답하기 jQuery 질문
- [2015/05/23] 묻고답하기 쌩초보의 허접한 질문... 외부페이지 연결
댓글 3
-
오픈퀴어
2015.12.14 14:04
-
오픈퀴어
2015.12.14 14:36
혹시 stop().animate 이것 때문에 그런거 아닌가요 ?
검색해서 막 알아보고 있는대 뭐가 뭔지 모르겠어요 ㅜㅜ
-
오픈퀴어
2015.12.14 14:44
이 사이트처럼 스크롤 배너를 달고 싶습니다.
여러분들의 답변을 기다립니다. 부탁드립니다.
http://www.malehappy.com
오른쪽 보시면 배너가 나오는대 익스플로러에서만 링크 클릭이 가능하고
크롬에서는 링크 클릭이 안되고 있어요. http://www.openqueer.com/g1