2017-01-20 7 views
1

ここでhttp://files.giro54.net/fede/table-anchor/link-src.html私は2つのリンクを持つページを持っています。最初のページはdatatablesプラグインによって生成された5つのテーブルと、単純な静的なHTML 5つのテーブルがあります。両方のリンクがリンク先ページの5番目の表を指しています。 2番目のリンクは正常に動作します。静的なHTMLの5番目のテーブルにスクロールします。しかし、最初のリンクはまったくスクロールしません。idataへのスクロールがデータテーブルで動作しない

私はこれを解決しようと数時間を費やしました。 :( ありがとう。

答えて

0

なぜこの出来事はありますか?

スクロールが(これは潜在的に、ブラウザの問題である可能性があり)、デフォルトでは、静的なHTMLページの自動化されています。この問題にはいくつかの修正がありますが、私は意志あなたが問題を解決するのが最も適切であるかを決定しましょう:

どのように私はこの問題を解決することができますjQueryのため、この問題は、デフォルトで自分自身を解決していない

と同じように、あなたは他のすべてのように(動的にそれを行うことができますか?私たちはJS/JQでできる):

1.あなたの$ document.readyに以下を含める:グラブしたい要素

$window.scrollTo(0,document.body.scrollHeight); 

2.、およびビューポートにそれを置く:

$document.getElementById('bottom').scrollIntoView(); 

としては、解決するにはいくつかの方法がある、と述べましたこの問題はJQuery対静的にあり、ブラウザがどのように選択されているかによって異なります。微調整パラメータは、一部のブラウザではデフォルトに設定されていますが、他のブラウザではデフォルトに設定されています。

PS:あなたのサイトへのリンクを投稿しないでください。画像とコードスニペット。これは将来他人からの回答を妨げる可能性があります。

+0

@bmcという回答に感謝します。 jqueryオプションを試しましたが、コンソールに "$ window is not defined"というアラートが表示されます。 – Fedegiro

+0

$ windowをどのように使用しようとしているのかよくわかりませんが、構文は大きく[like this](http://stackoverflow.com/questions/4655273/jquery-window-scrolltop-but-no-window-scrollbottom) '$(document).ready' synaxに似ています。 – bmc

+0

申し訳ありませんが、あまりにも多くのjQueryスキルはありません。 '$(document).ready(function(){ $ window.scrollTo(0、document.body.scrollHeight); }); ' – Fedegiro

関連する問題