你好!
为什么脚本在权限为 1024 时向 body 添加类?
理论上应该是这样工作的,脚本监控屏幕分辨率,当分辨率小于960时,开始工作。
$(window).resize(function() {
if(document.documentElement.clientWidth < 959) {
$('.js-open-form, .b-menu__to-form').click('on', function() {
$.browser_device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
if ($.browser_device) {
search_elementTop = $(document).scrollTop();
$(function() {
$('html, body').animate({
scrollTop: search_elementTop
}, 500);
});
}
$('body').addClass('active-form');
$('.b-feedback-form').addClass('active');
});
$('.b-feedback-form__close-link').click('on', function() {
$('.b-feedback-form').removeClass('active');
$('body').removeClass('active-form');
});
}
});
UPD 是这样工作的:
$(window).resize(function() {
$('.js-open-form, .b-menu__to-form').click('on', function() {
if(document.documentElement.clientWidth < 959) {
$.browser_device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
if ($.browser_device) {
search_elementTop = $(document).scrollTop();
$(function() {
$('html, body').animate({
scrollTop: search_elementTop
}, 500);
});
}
$('body').addClass('active-form');
$('.b-feedback-form').addClass('active');
$('.b-feedback-form__close-link').click('on', function() {
$('.b-feedback-form').removeClass('active');
$('body').removeClass('active-form');
});
} else {
$('.b-feedback-form').removeClass('active');
$('body').removeClass('active-form');
}
});
});
放置一个条件来检查点击内的宽度