我有一个非常奇怪的问题,我在其中部署了Web应用程序。使用Edge / Firefox / Mobile /甚至Chrome开发人员模式时,滚动(上下滚动)效果很好。但是,如果我尝试使用Chrome通常运行它,则滚动会非常缓慢。
以下是该页面的一些代码:
<script src="{% static "assets/toastr.js" %}"></script>
<script src="{% static "assets/cat_nav_mobile.js" %}"></script>
<script>$('#cat_nav').mobileMenu();</script>
<script>
$(document).ready(function() {
jQuery('#sidebar').theiaStickySidebar({
additionalMarginTop: 80
});
$('#cat_nav a[href^="#"]').on('click', function (e) {
e.preventDefault();
var $target = $(this).attr('href');
$('html, body').animate({
'scrollTop': $($target).offset().top - 70
}, 2);
});
$.ajax({
type: "GET",
url: "/cart/summary/",
success: function(data){
if($(data).find('#cart-counter').val()){
$('.car-counter-val').text($(data).find('#cart-counter').val());
}
else{
$('.car-counter-val').text('0');
}
if($(data).find('#cart-counter').val()){
var temp_val = $(data).find('.single-item.sub-total p.price').text().replace(/\s/g,'');
var cart_amt = temp_val.substring(1,);
if (parseFloat(cart_amt) > 15){
$('.delivery_info').attr('style', 'display:none');
}
else{
var actual_amt_spent = (parseFloat(15.00) - parseFloat(cart_amt)).toFixed(2);
$('.delivery_info').attr('style', 'display:block');
$('.del_charge').text(actual_amt_spent);
}
}
else{
$('.del_charge').text('15');
}
$('.tot_amt_exp').text($(data).find('.single-item.sub-total p.price').text().replace(/\s/g,''));
}
});
$('.container.message .alert').css('display', 'none');
});
</script>