脚本分析DIV高度不起作用

发布于 2024-10-27 21:16:51 字数 555 浏览 1 评论 0原文

我有以下脚本似乎不起作用。

var height = $('#sidebar1').height();
var pageHeight = $(window).height();

if ((height) > 600) {
  alert('haha');
}

这个脚本不可避免的结论是让它根据 pageHeight 而不是 600 进行分析，但即使使用 600，我也无法让它工作。

我只能得出结论，这与这个 div: #sidebar1 有关是一个浮动的棒元素。这是它的 CSS。

.sidebar { float: right; width: 190px; padding-top:8px; }

该脚本是加载的一部分，其中 div: #sidebar1 的高度随着基于表单中的选择加载内容而扩展。

任何想法，

很棒的

编辑：通过将警报包含为元素的高度，我们现在可以看到，尽管高度似乎在继续扩展，但高度仍停留在“430”。任何想法

原文

I have the following script that is not appearing to work.

var height = $('#sidebar1').height();
var pageHeight = $(window).height();

if ((height) > 600) {
  alert('haha');
}

The ineveitable conlcusion to this script is to have it analayse against pageHeight rather than 600, but I cannot get this to work even with 600.

I can only conclude it is something to do with this div: #sidebar1 being a floaty stick element. Here is its CSS.

.sidebar { float: right; width: 190px; padding-top:8px; }

The script is part of a load whereby the div: #sidebar1 's height expands as content is loaded in based on choices in a form.

Any Ideas,

Marvellous

EDIT :
From including the alert as the height of the element we can see now that the height gets stuck at '430' even though it seemingly continues to expand.
Any ideas

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅浅淡淡 2024-11-03 21:16:51

我尝试了以下对我有用的方法。检查
div 元素的 id 和 class 属性，并确保内容实际上大于 600（高度），您可以尝试添加 else 语句来查看您的高度：

$(document).ready(function(e) {
var height = $('#sidebar1').height();
var pageHeight = $(window).height();

    if ((height) > 600) {
        alert('haha');
    }

    else {
        alert(height);
    }
});


.sidebar { 
    float: right; 
    width: 190px; 
    padding-top:8px; 
}


<div id="sidebar1" class="sidebar">
    <img src="SomeContent.png" width="190" height="601" />
</div>

I tried the following which works for me. Check the
id and class attributes for the div element, and make sure the content is actually greater than 600 (height) you can try adding an else statement to see your height:

$(document).ready(function(e) {
var height = $('#sidebar1').height();
var pageHeight = $(window).height();

    if ((height) > 600) {
        alert('haha');
    }

    else {
        alert(height);
    }
});


.sidebar { 
    float: right; 
    width: 190px; 
    padding-top:8px; 
}


<div id="sidebar1" class="sidebar">
    <img src="SomeContent.png" width="190" height="601" />
</div>

回复收藏 0 原文

~没有更多了~