Tag: 高度

jQuery：如何通过将高度添加到元素顶部来设置更高的高度？: 我有一个简单的问题，但我不知道如何解决它。基本上我有一些隐藏的内容，一旦扩展，需要99px的高度。折叠时，持有它的section#newsletter #newletter将高度设置为65px。现场示例： http ： //dev.supply.net.nz/asap-finance-static/ 点击a#signup_form ， section#newsletter将使用以下jQuery扩展为99px： $(‘#newsletter_form’).hide(); // hide the initial form fields $(‘#form_signup’).click(function(event) { event.preventDefault(); // stop click // animate $(‘section#newsletter’).animate({height: 99}, 400, function() { $(‘#newsletter_form’).show(300); }) }); 所有这一切都很有效，除了这个元素位于粘性页脚中，因此它的初始高度用于定位它。动画此元素的高度会导致浏览器上的滚动条，因为添加的34px会添加到元素的底部，所以我的问题是：如何将这些34px添加到元素的顶部，以便高度向上扩展到身体而不是向下？感谢您的阅读，我期待着您的帮助和建议。 Jannis

如何检测Html元素在View中？: 最好使用Jquery，如何检测元素是否在浏览器的可查看客户区域内？我正在从数据集动态创建菜单，当列表增长太长时，结果菜单的高度会导致其中一部分落在浏览器底部客户区域之下。我如何检测到这一点并采取相应措施？

如何计算每个元素的高度并将这些值用作函数中的变量？: 我正在尝试创建一个简单的文本手风琴，计算每个面板的高度并将此值作为变量返回。我可以使用if语句获取值，如if ( i === 0 ) { $(this).height(); } 但是无法将此变量传递给外部。我可以在不使用变量的情况下做到这一点，但长期来看它变得毫无用处。 Brıefly：我想计算每个元素的height并在click函数中使用这个变量。这是jsFiddle包含问题。 var panel = $(‘.holder div’); var trigger = $(‘a’); panel.each(function(i) { //problem starts when i try to calculate each ele’s height var eachEleHeight = i.height(); trigger.click(function() { $(this).prev(‘div’).animate({‘height’:eachEleHeight+’px’},500); //this works widthout var eachEleHeight but became useless //$(this).prev(‘div’).animate({‘height’:’300px’},500); }); //this is for […]

hoverdroppable时更改拖动克隆的大小？: $(“.drag”).draggable({ helper: ‘clone’, appendTo: “body” }); $( “.drop” ).droppable({ over: function(event, ui) { $(ui.draggable).css({width:’30px’,height:’30px’}); }, drop: function( event, ui ) { if($(ui.draggable).parent() !==$(this)){ $(ui.draggable).appendTo($( this )); $(ui.draggable).tooltip({ disabled: true }); $(ui.draggable).css({float:’left’}); } }}); 我正在尝试更改拖动克隆项目的大小，当我将鼠标hover在可放置区域上但保留原始大小相同（以便当鼠标hover在正确的放置区域时，附加到鼠标的项目会缩小）。此代码更改原始但不更改克隆。有什么建议？

我可以使用Jquery自动查找和设置各种图像的宽度和高度吗？: 我正在使用Masonry插件，并且为了使图像正常工作，您需要在图像标签中设置宽度和高度。所有图像的高度都会有所不同，但宽度将设置为200px。有没有办法让Jquery检测每个图像的高度并设置它的高度？这样我就不必设置每个图像的高度。这有意义吗？希望有人可以帮忙！我是Jquery的新手。

根据内容调整iframe高度: 我使用以下脚本自动调整iframe高度。 function autoIframe(frameId) { try { frame = document.getElementById(frameId); innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document; objToResize = (frame.style) ? frame.style : frame; objToResize.height = innerDoc.body.scrollHeight + 10 + ‘px’; } catch (err) { window.status = err.message; } } 我在前两个标签中有三个jquery标签和iframe（myiframe1和myiframe2）我在iframes的onload上调用上面的代码。这在Google Chrome和IE8中运行良好。但是在firefox中，第一个标签（可见标签）中的iframe具有内容的高度，第二个标签中的iframe未设置正确的高度。第二个选项卡的高度设置为10px。这可能是什么问题？

Jquery iframe跨域动态高度: 只有没有庞大的插件，这对jquery来说是否可能？我知道有很多插件和替代品，我正在寻找最短，最鲁棒和最干净（最好依赖于jquery）这里有基本的jsfiddle试用你的想法： http ： //jsfiddle.net/3vPJd/

如果文档高于视口，则执行函数: 这是我经历的一些非常奇怪的行为。我想只在文档比视口高时执行一个函数（即它溢出它并出现一个滚动条）。我用这个代码： var docH = $(“document”).height(), viewPortH = $(“window”).height(); if (docH > viewPortH) { // execute functions } 但没有任何反应，控制台返回：未捕获的TypeError：无法读取null的属性“parent” 有谁知道问题是什么/我应该使用什么代码来查看文档是否比视口高？

如何检查是否支持naturalWidth？: 我有以下jQuery并想测试是否支持naturalWidth： function special(image) { if (typeof this.naturalWidth != ‘undefined’) { //do something } } 但这似乎不起作用？有任何想法吗？

获取DIV宽度和高度的跨浏览器方法？: 这是我的第一篇文章，所以请放轻松我。我确定我做错了什么。但是，我找不到任何回答上述问题的post。我使用jQuery。我正试图找到一种方法来获取DIV元素的当前宽度和高度，即使它们被设置为“自动”。我发现了很多方法，但没有方法在IE中返回相同的宽度。这个方法是跨浏览器很重要，因为如果在不同的浏览器中返回不同的数字，它将破坏页面的布局。 .width（）和.height（）不起作用，因为在IE中，减去了填充（例如，width（）返回25，其中宽度为30，填充为5）。 .outerWidth（）和.outerHeight（）也不一致。当他们在FF中工作IE（信不信由你）时，填充再次添加到整个宽度（例如，outerWidth（）在FF中返回110，其中宽度为100px，填充为10px）。没有编写复杂的浏览器检查，有没有办法解决这个问题？谢谢！