为什么在iOS UIWebview中使用jQuery不能使用CSS(margin-bottom)?

时间:2018-01-04 06:11:53

标签: jquery html ios css uiwebview

我制作菜单视图,当我按下一个特定按钮时,我想给最后一个菜单div提供margin-bottom。(我使用query-2.2.4.min.js)

$('.menu_pr').last().css('margin-bottom', height); 

适用于应用程序或常规Web浏览器(桌面)中的Android Web视图,但在iOS In-App UIWebView中无法正常运行。确切地说,该值应用于边距底部,但它不会在屏幕上移动。(向上)是否有我可以检查的地方?

<style>
.menu_pr { cursor: pointer; width: 100%; outline: none; border: none; transition: 0.4s; background-color: #fff; padding: 0 !important; float: left; margin-bottom: 0px;}
</style>


<div class="menu_pr">
    <button class="accordion">
        <div class="menu">
            <div class="menu_content">
                <div class="menu_img">
                    <div class="menu_img_pic" style="background: url('hot0001.jpg') no-repeat center center;background-size:contain;">
                        <span class="menu_img_detail" style="display: none;">
                            <img src="menu_detail.png" alt="">
                        </span>
                    </div>
                </div>
                <div class="menu_ex"> 
                        <h5>Americano Double</h5>
                    <h5 class="text-grey"><span id="menu_price">₩4,100</span></h5>
                </div>
            </div>
        </div>
    </button>
    <div class="panel" style="max-height: 0px;">
        <section class="menu_option_base margin-bot-10">
            <div class="list">
                <div class="list_title text-grey">CUPS</div>
                <div class="list_content float-right">
                    <div class="choice">
                        <div class="choice_quantity btn_radius_sel">1CUP</div>
                        <div class="choice_quantity btn_radius_desel">2CUP</div>
                    </div>
                </div>
            </div>
        </section>
        <div class="btn_order">
            <button class="btn btn_add">ADD</button>
        </div>
    </div>
</div>

0 个答案:

没有答案