Javascript刷新模式弹出窗口并保持滚动位置

时间:2019-07-04 07:51:02

标签: javascript html ajax spring api

我有一个显示用户所选项目的购物篮模式。问题在于,当用户要删除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);

			}
        });
    },

和我的购物篮模式: Basket Modal Here

当用户删除购物篮模态中的任何项目时,我想在模态刷新后保持滚动位置。我该怎么解决?

谢谢大家...

0 个答案:

没有答案
相关问题