開始点機能付きJavaScript不規則

かなり新しいjs。私はシンプルなプロジェクトを持っています。その中には、画面の高さの2倍のイメージがあります。私は、ページの下部にWebページを開きたいので、javascriptに "window.scroll" funtionメソッドを追加しました。これはうまくいく...ほとんどの時間。場合によっては、特にホームサーバーを搭載したモバイルデバイスでテストすると、JavaScriptが起動せず、ページが先頭から始まることがあります。だから私の主な質問は、 "window.scroll"と同じようにする方法はありますか？しかし、CSSを使って、jsをまったくバイパスしていますか？もう1つの質問は私が持っている、なぜjavascriptは薄れているのですか？私は本当にWeb開発に新しいですし、私はすでに2回（ "スライド"メソッドを使用して別の時間）jsの代わりにCSSを使用しなければならなかったので、jsが正しく動作しない、またはキャッシュされるなど...この時点でそれを書くのは本当に悪いですか？御時間ありがとうございます。開始点機能付きJavaScript不規則

$(document).ready(function(){ 
 

 
    window.scroll(0,2000); 
 

 
});

body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 

 
img { 
 
    width: 100%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    \t <title>Test</title> 
 
    \t <link rel="stylesheet" type="text/css" href="styles.css"> 
 
    \t <script type="text/javascript" src="jquery.js"></script> 
 
    \t <script type="text/javascript" src="script.js"></script> 
 
    
 
    </head> 
 
    <body> 
 
     <img src="https://pixabay.com/static/uploads/photo/2016/10/18/21/22/california-1751455_960_720.jpg" width="100%" style="display: block;"> 
 
    </body> 
 
    </html>

CSS：

body { 
    margin: 0px; 
    padding: 0px; 
} 

img { 
    width: 100%; 
}

はJavaScript：

$(document).ready(function(){ 

    window.scroll(0,2000); 

});

出典

2016-10-30 Paul

Iここで

は簡単なコードです問題は画像に負荷がかかるということだと思っています。しかし、私はあなたのイベントが発生すると思っていますが、イメージは後で読み込まれ、ページサイズが再び変更されます。イメージがロードされた後にロードイベントが発生します。

代わりにこのコードを試してみてください。

$(window).on("load", ,function(){ 

    window.scroll(0,2000); 

});

出典

2016-10-30 11:59:11

[OK]をおかげで、私が代わりに$（ドキュメント）.ready（関数（）関数のか、代わりにそれをあなたのコードを書くのですか、私は内部の実行他の機能を持っています？ document.ready関数 – Paul

@PaulこのコードはJavaScriptを置き換えます –

私は、 'window.scroll（0、document.body.clientHeight）;のようなものを使うことをお勧めします。コンテンツの高さにかかわらず、常に下にスクロールします（つまり、ハードコーディングされた値を避けてブラウザがあなたのためにそれを動作させることができます）。 – Dymos

開始点機能付きJavaScript不規則

答えて

関連する問題