无法使用 class 设置 div 的高度

Question

在我的 iOS 应用程序中，我在 UIWebView 中打开一个 URL。我想将 div 的 top 更改为 class="main-container scrollable"。我不是 jQuery 方面的专家。页面来源有，

<head></head>
<body class="scope" controller="MainCtrl"
    <div class="scope toast-top-right" id="toast-container"></div>
    <div class="app-container">
        <div id="left-panel" class="slide-panel” ui-view="leftPanel"></div>
        <div id="main-panel" class="partial-container">
            <div class="scope" ui-view="navbar"></div>
            <div class="scope" ui-view="mainPanel">
                <div class="page-home scope">
                    <div class="main-container scrollable"></div>
                </div>
            </div>
        </div>
    </div>
</body>

我试过了，

webView.stringByEvaluatingJavaScriptFromString("$('.partial-container').children().eq(1).find('.main-container').css('top', '0')")

也试过了，

webView.stringByEvaluatingJavaScriptFromString("$('.partial-container').children().eq(1).find('.main-container').offset('top', '0')")

但是没有成功。

我可以通过

获得 top

webView.stringByEvaluatingJavaScriptFromString("alert($('.partial-container').children().eq(1).find('.main-container').offset().top)")

哪个returns我'48'。我想将它设置为 '0'.

我错过了什么？

Answer 1

为了更改 'top' 值，您需要将元素的定位设置为某些内容，而不是默认定位 'static'。这对你有用：

webView.stringByEvaluatingJavaScriptFromString("$('.partial-container').children().eq(1).find('.main-container').css({'position' : 'absolute','top' : '0px'})");

您可以将 'absolute' 更改为您想要的任何位置。

Answer 2

我用 "$('#main-panel').find('.main-container').attr('style', 'top:0px !important;')"

做到了

无法使用 class 设置 div 的高度

Unable to set height of a div with class

css

jquery

uiwebview

ios

swift