小编dzu*_*zul的帖子

如果屏幕小于某个宽度,请隐藏div

如果用户屏幕<1024px,我想要隐藏浮动div,因为它将覆盖我的博客内容区域.我在网上发现了这个jQuery,但我不知道如何使用它.

$(document).ready(function() {

if ((screen.width>1024)) {
    // if screen size is 1025px wide or larger
    $(".yourClass").css('display', 'none'); // you can also use $(".yourClass").hide();
}
elseif ((screen.width<=1024))  {
    // if screen size width is less than 1024px
    $(".yourClass").css('display', 'block'); // here you can also use show();
}
});
Run Code Online (Sandbox Code Playgroud)

如果我的浮动div类名是sharecontent,我应该像下面那样替换上面的脚本吗?如果是,它不起作用.

$(document).ready(function() {

if ((screen.width>1024)) {
    // if screen size is 1025px wide or larger
    $(".sharecontent").css('display', 'none'); // you can also use $(".yourClass").hide();
}
elseif ((screen.width<=1024))  {
    // if screen size width is …
Run Code Online (Sandbox Code Playgroud)

jquery resolution show hide

27
推荐指数
2
解决办法
10万
查看次数

标签 统计

hide ×1

jquery ×1

resolution ×1

show ×1