| CMS/프레임워크 | Rhymix 1.9 |
|---|---|
| 개발 언어 | PHP 7.2 |
css로 position 값을 fixed로 했더니 고정은 되는데
제 사이트의 스킨에 상단바 부분 만큼의 여백이 생기면서 다라다니가 되는데요.
top 값을 주니까 상단바가 보일때 겹침이 있어서 ㅠ
http://kaiequal.tistory.com/21
이걸 보고 적용을 하려고 하는데요.
우선 사이드바에 고정하려는 영역을 위에 링크에 있는 글처럼 닫아주고, 스타일 속성도 글처럼 해주었는데
자바스크립트를 layout.html 상단에도 넣어보고 하단에도 넣어봤는데
따라다니지 않네요..
위 링크는 xetown 에서 검색한 글에서 찾은 글이에요
잘 된다고 하셨는데 전 안되요 ㅠ
예시랑 똑같이 넣으면 안되는걸까여?
div id는 똑같이 해주었어요
내강아지
Lv. 5
댓글 7
기다리다 갑니다 ㅎ
layout에 사이드바 부분 코드를 적어드리면 안될까여. 유료파일이라 파일 전부다 보여 드리는건 판매자분께 매너가 아닌거 같기도 하고 해서요ㅜㅜ
layout.html 에서 원하는 div 위치?
거기다
<div id="adsideWrapper">
<div id="adside">
<!-- 여기는 컨텐츠 내용 -->
</div>
</div>
넣고
그 바로 위에
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(document).ready(function () {
var top = $('#adside').offset().top - parseFloat($('#adside').css('marginTop').replace(/auto/, 0));
$(window).scroll(function (event) {
var y = $(this).scrollTop();
if (y >= top) {
$('#adside').addClass('fixed');
} else {
$('#adside').removeClass('fixed');
}
});
});
</script>
넣고
레이아웃의 css 쪽..그러니 뭐 style.css 같은데?
그쪽에
#adsideWrapper {
position: absolute;
}
#adside {
position: absolute;
top: 0;
}
#adside.fixed {
position: fixed;
top: 0;
margin-top:30px;
}
넣어주셨는데 안되나요?
감사합니다!