2016-05-03 12 views
0

ハイパーリンクをクリックしてページをリフレッシュするとスクロール位置を維持する方法は?アイテムに数量を追加してページを更新するハイパーリンクを作成しようとしています。しかし、リンクをクリックするたびに、私はページの先頭に戻るでしょう。PHPはスクロール位置を維持します

<a href="selectquantity.php?remove='.$id.'" >[-]</a> 
+3

最高の改善? ajaxを使用し、ページ全体を更新しないでください。他のすべては、複数の解決策がありますが、解決策は貧弱です。 – Tyr

+0

私のプログラミングレベルでは難しいです。私のすべてのデータはデータベースから取り出されるからです。あなたは私の質問の解決策を教えていただけますか? – Darcy

+0

初心者レベルでの理解を深めるための最良の方法は、jQueryを使用することです。それは理解しやすいです、あなたは努力せずにajax呼び出しを使用することができ、あなたは速い結果を持っています。試してみてください:https://jquery.com/ – Tyr

答えて

2

ページを更新したい場合は、javascriptまたはjqueryを使用してスクロール位置を復元できます。 JavaScriptが、あなたはRestoring page scroll position with jQuery

コードからガイドに従うことができ

はのように簡単です:jqueryのために

var scroll = $(window).scrollTop(); 
$("html").scrollTop(scroll); 

、あなたはhow to remember scroll position of page

コードからガイドに従うことができます:

// When document is ready... 
$(document).ready(function() { 

// If cookie is set, scroll to the position saved in the cookie. 
if ($.cookie("scroll") !== null) { 
    $(document).scrollTop($.cookie("scroll")); 
} 

// When a button is clicked... 
$('#submit').on("click", function() { 

    // Set a cookie that holds the scroll position. 
    $.cookie("scroll", $(document).scrollTop()); 

});//end of submit 

});//end of document.ready 
関連する問題