我得到了一个非常复杂的设计,背景很大,所以我必须想出一个小脚本来调整较小屏幕上的屏幕大小,以居中并移除空白区域并移除水平滚动条。
现在这是我为调整屏幕大小编写的 Jscript 片段:
(function() {
if(jQuery(window).width() >= 1024 && jQuery(window).width() <= 1275 ) {
jQuery('html').css({"margin-left":"-180px"});
jQuery('html').css({"overflow-x":'hidden'});
}
else if(jQuery(window).width() == 1280) {
jQuery('html').css({"margin-left":"-52px"});
jQuery('html').css({"overflow-x":'hidden'});
}
else if(jQuery(window).width() >= 1300 || jQuery(window).width() <= 1400 ) {
jQuery('html').css({"margin-left":"-0"});
jQuery('html').css({"overflow-x":'hidden'});
}
else if(jQuery(window).width() >= 1430 ) {
jQuery('html').css({"margin-right":"-60px"});
jQuery('html').css({"overflow-x":'hidden'});
}
else if(jQuery(window).width() < 940 ) {
jQuery('html').css({"margin-left":"0"});
jQuery('html').css({"overflow-x":'visible'});
}
else {
}
})();
现在,如果用户仍然使用触摸屏,他们可以滚动到页面的右侧。
如果我能阻止它,还有机会吗?就像用户没有机会水平滚动一样?
谢谢