只有当用户的屏幕尺寸高于移动设备或平板电脑设备时,我才需要运行以下代码(假设为724像素)。在较小的屏幕设备上,div id#mobile-logo-scroll应该设置为始终显示。
<script type="text/javascript">
(function mobileFader($) {
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 200) {
$('#mobile-logo-scroll').slideDown(500);
} else {
$('#mobile-logo-scroll').slideUp(500);
}
});
});
})(jQuery);
</script>
我对jquery并不熟练,并尝试将其嵌入其他条件中,但没有运气。
根据屏幕尺寸有条件地运行代码的最佳方法是什么?
答案 0 :(得分:0)
也许您可以尝试使用window对象及其属性?
我在控制台中看过window.innerWidth和window.innerHeight,也许你可以尝试一下?
我不知道你究竟想做什么,但是这个应该做的事情:
if(window.innerHeight>724){
/*do stuff*/
}