이거좀..jQuery Sticky 레이아웃 소스인데요 채택완료
보통사람
11년 전
조회 9,449
Site:
http://www.outyear.co.uk/smint/" target="_blank" ?="">http://www.outyear.co.uk/smint/" target="_blank">http://www.outyear.co.uk/smint/
Demo:
http://www.outyear.co.uk/smint/demo/" target="_blank" ?="">http://www.outyear.co.uk/smint/demo/" target="_blank">http://www.outyear.co.uk/smint/demo/
Download:
http://www.outyear.co.uk/smint/download/" target="_blank" ?="">http://www.outyear.co.uk/smint/download/" target="_blank">http://www.outyear.co.uk/smint/download/
이파일말인데요
버그가있는것같아서
메뉴바로 써볼라고 하는데...
버튼을 클릭하면 해당 영역에 가면 그 메뉴에 선택되고 배경이 변해야 하는데
한칸씩 밀리는것같기도하고 하여간 이상해요.
혹시 수정해서 배포해보실분 계신지?
아니면 비슷한소스라도 알고계신분 계신지..
굽신 굽신
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
11년 전
<div><div>
<div><!doctype html></div>
<div><html></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><head></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></head></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><body></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><div id="layer1" style="background:#444;height:500px"></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>layer1</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></div></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><div id="layer2" style="background:#888;height:500px"></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>layer2</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></div></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><div id="layer3" style="background:#bbb;height:500px"></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>layer3</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></div></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><div id="layer4" style="background:#eee;height:500px"></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>layer4</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></div></div>
<div>
</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><div style="background:#fff;position:fixed;top:0;left:50%;margin-left:-92px"></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><a href="javascript:layer_move('layer1');">layer1</a></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><a href="javascript:layer_move('layer2');">layer2</a></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><a href="javascript:layer_move('layer3');">layer3</a></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><a href="javascript:layer_move('layer4');">layer4</a></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></div></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><script src="<a href="https://code.jquery.com/jquery-1.8.3.min.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.8.3.min.js</a>"></script></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><script></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>function layer_move(layer) {</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>var top = $("#" + layer).offset().top;</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$("body, html").animate({scrollTop: top}, 1000);</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>}</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></script></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span></body></div>
<div></html></div></div>
<div>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인