Tag: 身高

如何在jquery中将特定高度设置为100％: 我想在div中对内容进行一些“预览”，所以我把它做得很小，只显示了第一行。现在我要设置它的动画，当你点击标题时，div将具有100％的高度，但是当我使用animate（高度：“100％”）时，没有很好的滑动。 title: content content_hidden $(‘.show_it’).click(function() { $(this).next(“div”).animate({ height: ‘auto’ }, 1000, function() { }); }); div{ height:20px; overflow:hidden; }

jQuery中的等高列: 嗨，我正在寻找基于jQuery的相等高度列。我知道有很多漂浮在我身边，但我的要求有点不同。我想在Mega菜单中使用它们，其中大约有4-5个下拉列表，每个下拉列表有3-4列。我希望所有这些3-4列具有相同的高度，但不是所有的下拉列表，因为列高度在另一个下拉列表中会有所不同，具体取决于该部分的内容。我在MooTools中找到了一个完美符合我要求的解决方案。下面的MooTools代码使特定div中的所有列都等于其父div的高度 MooTools代码： var Equalizer = new Class({ initialize: function(elements) { this.elements = $$(elements); }, equalize: function(hw) { if(!hw) { hw = ‘height’; } var max = 0, prop = (typeof document.body.style.maxHeight != ‘undefined’ ? ‘min-‘ : ”) + hw; //ie6 ftl offset = ‘offset’ + hw.capitalize(); this.elements.each(function(element,i) { var […]

javascript中的页面高度: 当页面大于屏幕时，我无法在javascript中获取页面的高度。我以为这会让我达到正确的高度： $(document).height(); 但是只能获得屏幕的高度，如下所示： $(‘body’).height(); 与…一样： document.offsetHeight; 出于某种原因，所有这些示例仅返回屏幕的高度。有人可以帮忙吗？

jQuery height（）返回false值: 我正在尝试使用jQuery将几个div的高度设置为与最高div相同的高度。基本上我遍历div并从每个div中获取高度，将最大的一个存储在变量中。然后我再次遍历所有这些并将它们的高度设置为变量。但是，jQuery给了我错误的高度值。例如，第一个div的height（）函数返回633，但是当我在检查器中查看它时它表示它是603.我完全不知道它为什么这样做。它似乎包括填充和边距，但文档说它不应该这样做。在我的样式表中，div的高度设置为auto。如果我给它们一个固定的像素高度，那么jQuery height（）函数返回正确的值，但不是当它们在auto上时（因为它们需要）。有问题的网站是ictsf.org。注意三列底部的额外空间。

在响应/灵活布局中实现相等高度的列: 我正在尝试在“响应式”网站上实现相同高度的列。这意味着我正在使用媒体查询为一个网站提供多种布局，具体取决于设备和窗口的大小。我有2列需要具有相同的高度。布局修复后很容易实现。我找到了几十个脚本，它运行良好。但是，当我调整浏览器窗口的大小时，生成的高度不会改变。因此，如果窗口较小，则列的高度保持与之前相同，并且列的内容溢出。它很丑。当我调整窗口大小时，有没有一种方法可以改变生成的高度？注意：因为列中的内容我不能使用任何CSS技巧与背景图像等。我真的真的需要两个列始终真正具有相同的高度。

jquery：尝试获取div高度时的值错误: 我有这个HTML结构： Content goes here 我正在使用以下方法读出div.content高度： var height = $(“div.content”).height(); 将返回17（在我的测试用例中）到目前为止工作得很好（当使用firebug将其与实际高度进行比较时）。问题是 – 当填写连续文本> 2行时，我得到一个错误的值。 2行将给我34（正确），但3行也将返回34虽然实际高度是51.当然，当填写大量文本时，结果值都是错误的。对我来说似乎是一个jquery bug ..任何解决方法的想法？谢谢 ps：在IE中运行完美，firefox返回错误的值..

为什么jQuery为div的高度返回null？: $(document).ready(function(){ function getDocumentHeight() { // What’s the page height? var height = $(‘#mainbody’).height(); alert(height); … getDocumentHeight(); } jQuery一直警告我的#mainbody div的高度为null 。我不明白为什么，至少应该是500px左右。

具有自动高度的CSS3翻转卡: 我正在使用一个教程来创建一个使用CSS3和jQuery的翻转卡片效果，我在调整内容长度时遇到问题，同时让它仍然在中心水平方向上翻转。小提琴。码： Front Other text. Other text. Other text. Other text. Back body { background: #ccc; } .flip { -webkit-perspective: 800; width: 400px; height: 200px; position: relative; margin: 50px auto; } .flip .card.flipped { -webkit-transform: rotatex(-180deg); } .flip .card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; } .flip .card .face { width: […]

当div＃滚动到视图中时，jQuery在导航时改变css: 我想重新创建本网站使用的效果： http ： //www.brizk.com/ 该网站使用一个向下滚动的大页面。当您向下滚动并传递不同的部分时，左侧的菜单导航将css类更改为“当前”，因为相应的div进入视图。我认为这可以使用jQuery使用$（window）.height（）; 我是jQuery的新手，我想写的是这样的（用非专业术语）：获取浏览器窗口的高度 – 如果div＃content1从顶部100px和/或从底部更改菜单200px a＃link1到’.current’ – 否则从所有菜单中删除.current链接 …并重复4个不同的内容div。任何人都可以指出我正确的方向..？谢谢。