我正在尝试根据以下与媒体查询相关的情况向 jquery 添加不同的值。
HTML
<div id="content">
</div>
JS
$("html,body").animate({scrollTop: 360}, 1000);
期望的效果,类似于此
@media handheld, only screen and (max-width: 1024px) {
$("html,body").animate({scrollTop: 660}, 1000);
}
@media handheld, only screen and (max-width: 768px) {
$("html,body").animate({scrollTop: 260}, 1000);
}
最理想的方法是什么?