我有一个显示用户所选项目的购物篮模式。问题在于,当用户要删除Bastket模态中的一项时,要比刷新模态中的项被删除,每次模态刷新时,用户都将移回到列表的顶部。模态刷新后,我怎么能保持脚位置?
这是我的源代码:
$(document).on("click",".mini-cart-remove-all-btn", function(e){
e.preventDefault();
var removeAllConfirmationUrl = ACC.config.encodedContextPath + "/cart/cartRemoveAllConfirmation";
$.ajax({
type : "POST",
url : removeAllConfirmationUrl,
success : function(response) {
$('#MiniCartModal').modal('toggle');
$('#removeAllCartEntriesConfirmatinModal').html(response);
$('#removeAllCartEntriesConfirmatinModal').removeClass('cboxElement');
$('#removeAllCartEntriesConfirmatinModal').modal('show');
},
error : function(e) {
console.error(e);
}
});
});
refreshMiniCart: function(){
var url = $(".js-mini-cart-link").data("miniCartUrl");
$.ajax({
type : "GET",
url : url,
success : function(response) {
ACC.minicart.updateMiniCartDisplay();
$('#MiniCartModal').html(response);
},
error : function(e) {
console.error(e);
}
});
},
updateMiniCartDisplay: function(){
var cartItems = $(".js-mini-cart-link").data("miniCartItemsText");
var miniCartRefreshUrl = $(".js-mini-cart-link").data("miniCartRefreshUrl");
$.ajax({
url: miniCartRefreshUrl,
cache: false,
type: 'GET',
success: function(jsonData){
$(".js-mini-cart-count").html(jsonData.miniCartCount);
$(".js-mini-cart-price").html(jsonData.miniCartPrice);
}
});
},
当用户删除购物篮模态中的任何项目时,我想在模态刷新后保持滚动位置。我该怎么解决?
谢谢大家...