保存並設置網頁向下滾動的距離

Question

我正在用PHP構建購物卡丁車。目前，用戶將點擊「添加到購物車」按鈕添加一個項目。該按鈕將運行一個單獨的php腳本以將該項目保存在購物車中，然後用戶返回到購物頁面。用戶看到的所有內容都是滾動回屏幕頂部的頁面。

有沒有在PHP的方式，我可以保存頁面向下滾動多遠，然後在頁面重新加載時設置它，以便它對用戶來說顯示頁面沒有改變...謝謝

Answer 1

必須在瀏覽器中使用一些JavaScript來完成。在從var top = window.scrollTop提交之前獲得該位置並將其傳達給服務器（或存儲在cookie中），然後在加載時調用window.scrollTo(top)來恢復位置。

Answer 2

從它的聲音來看，我認爲使用AJAX將產品提交到購物車會更好。這樣用戶點擊鏈接，你可以彈出一條消息，保存後改變購物車的總量，用戶不必完全重新加載頁面。

如果您正在使用jQuery像下面應該工作：（未測試）

$('.add-to-cart').click(function(){ 
    $.ajax({ 
      url:'cart.php?product=' + sku, 
      success:function(){ 
       // Change the cart total and pop a message here 
      } 
    }); 
}); 

Answer 3

不使用AJAX：

browse.php：

<form action="cart.php" method="POST"> 
    <div id="product_12345"> 
     <!-- Product Info --> 
     <button name="add_item" type="submit" value="12345">Add To Cart</button> 
    </div> 
    <div id="product_12346"> 
     <!-- Product Info --> 
     <button name="add_item" type="submit" value="12346">Add To Cart</button> 
    </div> 
</form> 

cart.php：

<?php 
if (isset($_POST['add_item'])) { 
    // code to add product to cart 
    header('Location: /browse.php#product_' + (int)$_POST['add_item']); 
} 
?>