ページが少し長いので、ページをクリックしてみたらうまくいきました。ページの位置決め、2 つの状況: 1. ページ A がページ B にジャンプし、ページ上の任意の場所にスクロールします。 2. ページ内のページが長すぎるため、位置決めが必要です。
状況 1:まずアンカー ポイント
<body><a href="b.html#pos" target="_blank">点击跳转</a><body>
を作成し、次にこのアンカー ポイント
をページ B に定義します。 🎜>
<body><div name="pos" id="pos"></div></body>
互換性を高めるため、名前と ID の両方を同時に記述します。
ケース 2:
1 アンカーポイントの使い方
2 jQuery の aminate メソッド
<body> <script type="text/javascript"> function click_scroll() { var scroll_offset = $("#pos").offset(); //得到pos这个div层的offset,包含两个值,top和left $("body,html").animate({ scrollTop:scroll_offset.top //让body的scrollTop等于pos的top,就实现了滚动 },0); //0是代表移动的时间,1000代表1秒 } </script> <input type="button" value="点击button跳转" onclick="click_scroll();" /> <div id="pos">滚动到这里</div><body>
3 フォーカスを使用します。
<a href="javascript:void(0)" document.getElementById('abc').focus();">快速定位1</a> //让abc获取焦点
4 位置決めを行うには、scrollIntoView メソッドを使用します。
<a href="javascript:void(0)" onclick="document.getElementById('am').scrollIntoView();">快速定位1</a>
5 は window.location.hash を通じて実装されます:
個人的な好みは Jquery のアミネートとうまく機能します。結局のところ、それはアニメーション化可能です。
<a href="javascript:void(0)" onclick="window.location.hash='am'">快速定位2</a>