У меня очень странная проблема, когда я развернул веб-приложение.Прокрутка (вверх и вниз) прекрасно работает в режиме разработчика 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>