この記事では、ブラウザに比べてDIVの固定位置を実装するJSの方法について説明します。次のように、参照のために共有してください。
<!doctype html public " - // w3c // dtd html 4.0 transitional // en"> <html> <head> <title>アンカープロパティ</title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <meta content = "noindex" name = "robots"> <script> function top(){window.scrollto(0,0);} function bottom(){// scrollheightプロパティは、オブジェクトのスクロール高さを取得するためです。 window.scrollto(0、document.body.scrollheight);} function left(){//alert( "left"); lert(document.body.body.scrollleft)var left = 0-document.body.scrollwidth; //alert(document.body.scrollwidth); //スクロールバーウィンドウ全体の幅。Scrollby(document.body.scrollwidth、0);} function init(){var init_pos = olayer.style.postop; var init_left = olayer.style.posleft; document.body.onscroll = function(){//document.body.scrolltopは、スクロールスライダーの上端からスクロールolayer.style.postop = document.body.scrolltop+init_pos; // ScrollLeftセットまたはオブジェクトの左の境界とウィンドウの現在表示されているコンテンツの左端の左端の間の距離を取得します。Style.PosLeft= document.Body.Scrollleft +init_left; }} </script> </head> <body onload = "init()"> <a onclick = "bottom()"> set bottom </a> <div id = "olayer" style = "position:absolute; left:120; top:60; z-index:2; background:green; wid; onclick = "right()"> right </a> <div> width = "2000px" </div> <a style = "float:right" onclick = "left()"> putを設定します左</a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。