我有一個三個div的頁面。編號喜歡把每個div使用動畫和每個div的偏移位置查看。我可以告訴鏈接屬性被傳遞,我得到偏移號碼。 (通過window.alerts驗證)問題是,div容器不會移動到視圖中。jQuery('html.body'),動畫無法正常工作
這裏是鏈接
<div id="minibar" class="minibar">
<a href="#main" class="rarrow">Main</a>
<a href="#slide1" class="rarrow">Creative Showcase</a>
<a href="#slide2" class="rarrow">News</a>
</div>
內容的div
<div id="main" class="main" ><content></div>
<div id="slide1" class="main"><content></div>
<div id="slide2" class="main"><content></div>
CSS內容
.main{
width:800px;
padding:10px;
color:#000;
background:rgba(255,255,255,.85);
height:405px;
overflow:auto;
position: relative;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.35);
box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.35);
text-shadow:none;
margin-top:175px;
font-weight:bold;
}
JS:
<script>
$(document).ready(function(){
$('#minibar a').click(function(){
var el = $(this).attr('href');
var offset = $(el).offset();
var top = offset.top - 100;
$('body,html').animate({scrollTop:offset.top,scrollLeft:offset.left},500);
return false;
});
});
</script>
也許「抵消」有錯誤的數據,你檢查? – Wolfii 2013-03-06 23:31:32
您設置了'top = offset.top - 100',但從不使用該變量。 – JJJ 2013-03-06 23:32:17
是的,這是一個嘗試正確的定位。我爲這些值硬編碼座標。 – KDW 2013-03-07 00:12:54