부트스트랩 고수님들...!!
현재 부트스트랩을 공부중인데요! 버전은 v4.1 버전입니다
상단에 navbar부분을 작업중인데
<nav class="fixed-top"> 이소스를 사용하여 상단에 고정을 시켰습니다
근데 그전에 위에 배너하나를 넣고싶은데 fixed때문에 가려지더라구요
그 배너는 스크롤시 따라오지 않게하고싶은데 말이죠 ㅠㅜㅜ
메뉴만 따라오게 하고 위에있는 배너는 navbar 위로 가게 할려면 소스를 어떻게 구성해야할까요 ?ㅜㅜ
답변 1개
<nav class="fixed-top">
<div id='top_banner'></div>
....
</nav>
스크립트를 사용해 보세요
<script type="text/javascript">
<!--
//top_banner 배너 id
var banner_top = 100; // 사라질 스크롤 위치
jQuery(document).ready(function() {
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > banner_top) {
jQuery('#top_banner').hide();
} else {
jQuery('#top_banner').show();
}
});
});
//-->
</script>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인