이거좀..jQuery Sticky 레이아웃 소스인데요
본문
Site:
Demo:
Download:
이파일말인데요
버그가있는것같아서
메뉴바로 써볼라고 하는데...
버튼을 클릭하면 해당 영역에 가면 그 메뉴에 선택되고 배경이 변해야 하는데
한칸씩 밀리는것같기도하고 하여간 이상해요.
혹시 수정해서 배포해보실분 계신지?
아니면 비슷한소스라도 알고계신분 계신지..
굽신 굽신
답변 2
<!doctype html>
<html>
<head>
</head>
<body>
<div id="layer1" style="background:#444;height:500px">
layer1
</div>
<div id="layer2" style="background:#888;height:500px">
layer2
</div>
<div id="layer3" style="background:#bbb;height:500px">
layer3
</div>
<div id="layer4" style="background:#eee;height:500px">
layer4
</div>
<div style="background:#fff;position:fixed;top:0;left:50%;margin-left:-92px">
<a href="javascript:layer_move('layer1');">layer1</a>
<a href="javascript:layer_move('layer2');">layer2</a>
<a href="javascript:layer_move('layer3');">layer3</a>
<a href="javascript:layer_move('layer4');">layer4</a>
</div>
<script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
function layer_move(layer) {
var top = $("#" + layer).offset().top;
$("body, html").animate({scrollTop: top}, 1000);
}
</script>
</body>
</html>
많은 도움이 되었습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.