2016-04-18 4 views
0

の「上部」ノー成功し、他の質問を見てきました...は、ページをスクロールしようとすると、プロパティを読み取ることができません未定義

を私は後にゆっくりスクロールページを維持しようとしています負荷は、コードを次の:

CSS(CSSのほとんどは、埋め込みファイルとして置かれ、これは単なるコンテンツオブジェクトに適用されるスタイルです):

<style type="text/css"> 
.content { 
    width: 98%; 
    left: 1%; 
    margin-top: -10px; 
} 
.block_1 { 
    position: relative; 
    width: 18.5%; 
    height: 150px; 
    margin-left: 1%; 
    margin-top: 1%; 
    float: left; 
    background: #FFF; 
    border: 3px solid #999; 
} 
</style> 

JS:

<script type="text/javascript"> 
$(function(){ 
    $.slidebars({ 
     siteClose: true 
    }); 
}); 

// Loading 
$(document).ready(function(){ 
    $(window).load(function(){ 
     $('.loading').fadeOut(700); 
    }); 
}); 
$('html,body').animate({scrollTop: $('#end').offset().top}); 
</script> 
あなたのCSSで

$(document).ready(function(){ 
    $(window).load(function(){ 
     $('.loading').fadeOut(700); 
    }); 
    $('html,body').animate({scrollTop:$('#end').offset().top}); 
}); 

として正しい

HTML

<body> 
<div class="loading"> 
    <div class="loading_msg">Carregando dados, aguarde...</div> 
    <div class="loading_img"><img src="img/loader.gif" /></div> 
</div> 
<div class="sb-slidebar sb-left sb-width-custom" data-sb-width="300px"</div> 
<div id="sb-site"> 
<div class="div_bg_header"><?php show_header_menu_dashboard($p_title); ?></div> 
<div class="content" id="content"> 
    <div class="block_1"></div> 
    <div class="block_1"></div> 
    ... 
    <a id="end"></a> 
</div> 
</div> 
</body> 

グレイトフル

+0

要素がページにレンダリングされる前に、あなたはあなたの答えの準備ができて – epascarello

+0

おかげで、文書内の行を入れて...それを呼び出しています。 私はそれをしましたが、ページはまだスクロールしませんが、エラーはなくなっています... –

+0

ohh..sorry didntあなたのコメントを参照してください –

答えて

0

、身体にいくつかの高さを設定してください

body { 
    height: 1500px;   
    } 

、それがうまく動作します。現在のオフセットはわずか16です。可視スクロールの場合は 次のスタイルを追加してください。

#end { 
     margin-top: 500px; 
     display: block; 
    } 
+0

あなたの答えをありがとう。私はそれを行い、ページはまだスクロールしていませんが、エラーはなくなりました。 –

+0

@MarcosFelipe –

+0

ページはスクロールしていますが、#content、#endの親要素の先頭までスクロールしています。要素の適切な場所にスクロールするために何かできますか? –

関連する問題