Question

我有一个css课程＆＃34; fadeout＆＃34;如果视口宽度小于786px，我想禁用像这样的东西

@media only screen and (max-width: 786px) {
.fadeout {doesItWork?:noItDoesNotWork!;}
}

你看到班级做了一些关于＆＃34; $（窗口）.scrollTop（）; ＆＃34;在jquery中，我认为这不适合移动设备，这是我得到的代码，来自https://tympanus.net/Tutorials/FixedFadeOutMenu/

//fadeout script
$(function() {
    $(window).scroll(function(){
        var scrollTop = $(window).scrollTop();
        if(scrollTop != 0)
            $('.fadeout').stop().animate({'opacity':'0.2'},400);
        else    
            $('.fadeout').stop().animate({'opacity':'1'},400);
    });

    $('.fadeout').hover(
        function (e) {
            var scrollTop = $(window).scrollTop();
            if(scrollTop != 0){
                $('.fadeout').stop().animate({'opacity':'1'},400);
            }
        },
        function (e) {
            var scrollTop = $(window).scrollTop();
            if(scrollTop != 0){
                $('.fadeout').stop().animate({'opacity':'0.2'},400);
            }
        }
    );
});

我对javascript / jquery / plugin持开放态度，但更喜欢仅限CSS的解决方案

任何帮助非常感谢提前感谢

Answer 1

为什么不使用相反的媒体查询定义类的CSS？

@media only screen and (min-width: 787px) {
  .A {
    // style rules here.
  }
}

Answer 2

尝试使用！important

禁用所需的参数

<强>即大于768px

.A {
    margin: 10px;
    width: 120px;
}

小于768px

@media only screen and (max-width: 786px) {
.A {
margin:0px !important;
width: 120px !important;
}
}

Answer 3

不完全确定禁用的含义，但您可以使用display:none或visibility:hidden。使用visibility:hidden元素仍会占用页面上的空间，您只是无法看到它，而display:none根本不会渲染元素。

Answer 4

[
            'value' => function ($data) {
                $summ = 0;
                $str = 0;
                foreach($data->itemsOrder as $request) {
                    $str .= $request->order_items_quantity;
                    $summ += $str;
                }

                return $summ;
            },
        ],


        ['value' => function($data){
            $sum = '';
            foreach ($data->orderInfo as $request){
                $str = ($request->order_items_offer_name);

                $sum .= $str.',';
            }

            return $sum ;
        }],

有没有办法在媒体查询中禁用css类？

4 个答案: