2回答
我正在建立一个shopify主题。我有一个例子，一个div与另一个div重叠。在左div比右div短(绝对定位)的情况下，右div与其下方的div按预期重叠。
为了解决这个问题，我尝试编写了一些js，它可以在这个中工作，但是在我的实际站点中，div高度输出为0，因此函数无法工作。在我的生活中，我不知道为什么左、右div的高度都是0，并想知道是否有人能提供一些光线？
JS
var productImgHeight = $('.left').outerHeight(),
productInfoHeight = $('.right').outerHeight(),
g
浏览 5提问于2015-09-11得票数 0
回答已采纳
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
<style type="text/css">
#gallery
{
width: 960px;
margin: 0 auto;
}
.galleryitem
{
浏览 2提问于2013-06-19得票数 0
回答已采纳
在我的页面中，我有一个div的层次结构，它被设置为display: table，子div的设置为display:table-cell。我想在给定的单元格上使用slideToggle()来替换它的内容。我读过slideToggle在none和block之间切换显示，因此table-cell很可能超出了它的范围。
首先:我不能在表格单元对象中使用slideToggle()，这是真的吗？
第二:在我重新设计所有东西以避免使用表格-单元格之前，有什么可以利用的地方吗？
这个代码片段演示了这种行为(我不喜欢)。正如你所看到的，这种良好的滑动切换行为不会发生。相反，该单元格将短暂地出现在前一个单元格旁边，
浏览 2提问于2015-08-19得票数 3
回答已采纳
我将非常感谢您在这方面的所有投入。我将一个外部div从另一个html页面加载到名为"pageLoader“的div中。一旦div被加载，我想根据外部div的高度来动画"pageLoader“的高度。所以如果外部div的高度是800px，那么我希望"pageLoader“的高度也是一样的。我在这上面发现了几个线程，但我知道在加载之前我不能获得外部div高度，只有这样我才能获得它的尺寸。
这是我的代码。我不希望对高度进行硬编码。我想要一个函数来计算出外部div的高度，然后更新".animate块“的高度。我已经尝试了许多组合，但都不能让它运行起来。
浏览 1提问于2012-08-08得票数 0
我的Html是这样的：
<div style="height: 90px;" class="tabtextarea">
<div>Description:</div>
<textarea style="height: 85px;">TEXT...</textarea>
</div>
正如你所看到的，textarea包含在一个具有特定高度的div中，这样它就不会因为我使用的浮动样式等等而破坏一些浏览器的布局。
我很少看到调整文
浏览 1提问于2010-03-25得票数 0
回答已采纳
描述:
我有一个div与width: 100%的身体，并被点击到页面的顶部。
现在，当我开始滚动时，我希望div在滚动(例如slideUp )后不再是可见页面的一部分时隐藏自己“，但是”当我开始将光标移到页面顶部附近时，当光标在离页面顶部一定距离时，div应该重新出现。
现在我可以使用下面的演示代码
$(document).on("scrollstart",function(){
alert("Started scrolling!");
});
但是后来
1)我不知道在滚动后div是否在可见页面之外
2)以及如何从页面顶部检测光标的y距离.
有人吗？？
浏览 4提问于2014-09-21得票数 0
我想做一个div，当点击它的内容时，它会扩展到显示它的内容。我迄今所做的是：
创建了一个div，设置为一个JS函数，该函数在“最小化”和“最大化”之间切换div的高度(20 JS高度和XYZpx高度)。
到目前为止，除了我不知道如何在div中获得内容的高度，所以我可以调整div的大小以准确地适应内容之外，一切都能正常工作。因此，本质上，我有从20 by“最小化”div溢出的隐藏内容，我可以扩展div来显示溢出的内容，但我不知道要扩展多少。
你知道我该怎么做吗？
提前感谢！
浏览 3提问于2010-08-12得票数 0
回答已采纳
我正在尝试将facebook共享添加到页面。我的问题是有多个共享按钮，首先工作正常，但其他按钮没有显示在页面中。注意，first share按钮是可见的，但其他按钮在一个容器中，并显示:未应用css。
我在页面顶部有以下代码(我将facebook应用程序Id改为FacebookAppID)：
<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) r
浏览 1提问于2014-03-19得票数 7
2回答
因此，当我使用jquery在div上设置固定高度时(如$('div').height(200); )，$('div').height()的值始终为200。即使来自div的内容超过了这个高度(我使用overflow:hidden)。
我如何才能得到真正的高度的DIV，就像它将是在“自动”模式？
浏览 2提问于2013-08-08得票数 2
回答已采纳
我正在使用AngularJS、jQuery UI (带有调整大小的自定义指令)和引导。在我的页面上，一个Google出现在顶部，一个表格将出现在底部。当用户调整底部的大小时，我希望Google自动调整大小以占用剩余的空间。
我尝试过几种不同的方法，包括：
设置html, body { height: 100%; width: 100% }和#mapCanvas { height: 100% }。
使用柔韧盒和柔韧生长。
在调整底部尺寸后计算顶部部分的大小，并在此基础上动态更改#mapCanvas元素的高度。
但这些我都没有运气。如有任何建议，将不胜感激。下面是一个说明这一问
浏览 0提问于2019-07-21得票数 1
回答已采纳
请看下面的链接。
HTML：
<div id="test">
<div id="test1">test 1</div>
<div id="test2">test 2</div>
</div>
Javascript：
$(document).ready(function(){
$("#test").hide();
alert($("#test").height());
alert(document.get
浏览 0提问于2013-03-14得票数 2
回答已采纳
是否有一种简单的方法来获取父div的高度，其中包含一个隐藏的子div？如果不是，要取得这样的结果，有什么难的办法呢？
PS:我知道这个话题可能是重复的，但我发现的其他话题都是负面的，得分最好的答案。
var getHeight = $(".parent").height();
console.log(getHeight);
.parent{
position:absolute;
top:0;
left:0;
}
.visibleChild{
position:relative;
height:20px;
background-color:red
浏览 1提问于2018-11-01得票数 1
回答已采纳
我正在为jquery设计一个垂直滚动条插件。我的插件接受一个高度值作为选项，如果div高度超过给定的高度，滚动条将是可见的。现在的问题是我需要得到div内容的真实高度。
<div id="scroll">
Contents Here
</div>
jquery：
$.fn.vscrollbar = function (options) {
.
.
.
var contentHeight=this.contents().height() //that is not working correctly
浏览 8提问于2012-11-29得票数 0
回答已采纳
我正在尝试使用javascript在Netscape和Firefox中获取最初隐藏的div元素的高度(它在IE中工作得很好)。我尝试过使用MyElement.scrollHeight、MyElement.offetHeight、MyElement.style.height和许多不同的方法来设置元素初始可见，获取高度，然后再次隐藏它。我得到的值一直是0。有什么想法吗？
浏览 1提问于2012-09-24得票数 0
3回答
在使用隐藏的div (display:none)后，我注意到浏览器似乎不会费心下载该div中的任何图像/flash文件，直到div更改为可见。
问题是，在大多数用户的机器上，当查看隐藏的div时，浏览器下载图像或swf文件等似乎有几秒钟的等待时间。这==没有快乐的用户。
有没有办法让浏览器下载隐藏的div的内容，当它是隐藏的，而不是当它被设置为可见的时候？
可能在JS或jQuery中？
谢谢
浏览 0提问于2012-04-27得票数 0
回答已采纳
我已经在页面中的两个地方应用了jscrollpane窗格，一个是普通的静态内容，另一个是twitter配置文件提要。第一个工作正常，直到在页面中实现了twitter提要。在这之后，我得到了一张空白的页面。请参阅下面的代码。有什么帮助吗？
标题部分：
<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"
浏览 0提问于2012-03-21得票数 0
2回答
我有一个行，其中一个有图像，但另一个没有，并使用holder.js作为占位符。
<div class="row">
<div class="col-md-3">
<div class="thumbnail">
<img src="image.jpg"/>
</div>
</div>
<div class="col-md-3">
<d
浏览 1提问于2014-08-07得票数 0
我需要一些帮助来拟合这些对角线div到页面，以创建一个完美的X，然后我可以点击，通过js onclick到z索引更改将X的任何一侧带到前台。我已经涵盖了所有这些，但我从来没有处理过对角线div，并且似乎无法使它们适合页面，以便在没有滚动条的情况下形成完美的X：
.x1 {
background-color: #2cb5e8;
opacity: 0.4;
transform: skewY(-145deg);
position: absolute;
overflow: hidden;
padding: 10% 44%;
margin: 10% 0% 0% 0%;
浏览 0提问于2017-04-08得票数 0
我正在构造一个div并将其附加到一个主div中。在这样做的时候，我需要在构造div之后并在附加它之前获取div的高度。
例如,
<script>
$(function(){
var text = $("#ObjText").html(); // This text is dynamic
var dv = $("<div id='childDiv'>"+text+"</div>");
alert($(dv).height()); // This is getting '0' -
浏览 1提问于2012-01-04得票数 7
回答已采纳
2回答
我试图将一个名为chooseArena的菜单隐藏在一个名为header的更大的div中。当我隐藏chooseArena时，它也会隐藏较大的div的图像。我该怎么做才能只隐藏较小的div，而不隐藏较大的div的图像。
这是我的html jquery
<html>
<head>
<title>Dojo Arena</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script ty
浏览 17提问于2017-01-21得票数 0
回答已采纳
我一直在试验ngAnimate，并创建了一个网站，它有一个类似于电话猫教程的动画。网站显示为。它的工作方式是有5个动物的缩略图。在缩略图下面，一张图片应该显示哪张是第一张图片。当单击任何其他缩略图时，新图像会滑入并淡入，而旧图像则滑上并淡出。然而，当网站第一次加载时，所有的图像都会显示出来。我不明白为什么这是因为只有一个图像有活动的类，而且应该是唯一显示的。然而，如果在网站上点击所有其他图像，它就会正常工作，并且一次只显示一张图像。
下面是代码。
Index.html
<!doctype html>
<html lang="en" ng-app="my
浏览 0提问于2014-04-29得票数 0
2回答
我在使用jquery获得div的高度时遇到了一些麻烦。
我在html中创建div，当我单击一个按钮时会影响到它的一些文本。在此之后，我希望获得div的高度，以便在父div中垂直对齐，但是jquery的Height()函数将0返回给我。
在google的调试控制台中，我看到div的高度，然后指向它，但是高度仍然没有返回值。
这是我对JS小提琴的研究结果
我有谷歌铬版35.0.1916.114米
浏览 3提问于2014-05-28得票数 1
回答已采纳
1回答
我刚刚开始使用bootstrap，并且有一个可能很容易解决的问题。我发现了类似的问题，但它们都与移动有关，而我的问题是桌面。它在手机上运行得很好。
我有一个导航栏设置在我的页面顶部。它包含一个下拉菜单，其中包含一个项目列表。一旦这个列表变得太长，它的其余部分就会被截断，无法滚动。
我知道子菜单不再是bootstrap 3.0的一部分，我也不想使用它们。我只希望无论列表中有多少项都可以滚动。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"&
浏览 4提问于2015-07-21得票数 4
回答已采纳
1回答
我正在使用库。
我所做的是-
$(function()
{
$("#find_product_location").geocomplete(
{
map : "#product_location",
mapOptions :
{
mapTypeId : 'roadmap', //roadmap, satellite,hybrid, terrain,
scrollwheel : true,
zoom: 10,
center : new google.maps.LatLng(37.4215268163
浏览 0提问于2016-05-22得票数 1
回答已采纳
我真的被困在这个问题上了。
我在div上使用了tinyscrollbar.js插件。在div中，我有一个viewport，其中包含一个段落和一个在500px和1000px之间切换段落高度按钮。如何动态更新tinyscrollbar以注意到新的高度并进行自我修正？(请想象一下，还有9个其他的"box_content审查“div)
我尝试使用网站推荐的tinyscrollbar_update方法，但似乎不起作用。有谁有主意吗？
谢谢
HTML -
<div id="scrollbar3">
<div class="scrollbar">
浏览 0提问于2013-04-11得票数 0
回答已采纳
2回答
我正在尝试创建一个搜索页面，当我在搜索面板中添加文本时，将显示这些文本的图像。我面临的问题是，即使我定位得很好，图片在搜索div上也是重叠的。
我不想使用顶部的值来修复它，因为我希望页面具有响应性，并且顶部的值将根据页面的宽度而变化。有没有更干净的方法呢？
<div class="jumbotron text-center">
</div>
<div id="search">
<form>
<input type="search" ng-model="vm.
浏览 0提问于2017-11-05得票数 0
我想在隐藏的div容器中获取图像的高度/宽度，但.height()和.width()都返回0(与预期不谋而合)。
$('body').append('<div id="init"><img id="myimg" src="someimage.png" /></div>');
$('#init').hide();
$('#myimg').height(); // == 0
$('#myimg').width(); // == 0
如何
浏览 4提问于2010-09-21得票数 7
回答已采纳
我目前有一个固定宽度和灵活高度的contentEditable div，它必须根据用户输入的长度增加或减小。
问题是，考虑到以下代码，我根据最后输入的字符获得contentEditable的高度，这是我的代码：
<!-- THE JS FUNCTION THE GETS THE DIV CALLED title HEIGHT-->
function setInTitle() {
var titleHeight = document.getElementById('title').offsetHeight;
}
<!-- THE DIV C
浏览 2提问于2013-06-03得票数 6
回答已采纳
3回答
我有一个文本字段，当它失去焦点时应该隐藏起来。我还有一个按钮。问题是，当您单击按钮时，文本字段首先失去焦点，这会移动按钮，阻止它接收单击事件。
HTML：
<div>
<p> Focus on the text field, and then click the button </p>
<div id="hideMeOnFocusOut">
<input type="text" id="focusMeOut" autofocus>
<br
浏览 1提问于2014-12-03得票数 0
我正在尝试获取页面上图像的尺寸，以便与自定义的“lightbox”或排序一起进一步使用。但是，在尝试纯js方法和jquery方法时，我将获得变量的输出undefined。为什么会这样呢？是因为jquery加载事件吗？我试着装好准备好了。
基本上，我需要图像的全部尺寸来证明它是否应该被加载到一个有点击事件的灯箱中。
更新现在我可以从这个函数获得控制台反馈，但是它并没有为我提供图像的维度。
$('.postbody').find('img').each(function() {
var img = new Image(), width, height;
浏览 5提问于2014-10-31得票数 0
1回答
加载时我使用MaterializeCSS框架的预加载程序屏幕。但装上子弹的时候。我用Chart.js创建的图表在预加载程序淡出后不会显示。有人能看看我的代码来解决这个问题吗？
//Preloader
$(window).load(function() {
});
function show() {
$('#preloader').fadeOut(500);
$('#canvas').delay(500).fadeIn();
};
setTimeout(show, 3000);
//Chart.js
var radarChartData = {
浏览 3提问于2015-08-01得票数 0
回答已采纳
我用小mce绘制了两个文本区域，它们在两个div中，一个用于英语，一个用于法语。我根据英语/法语下拉菜单显示/隐藏英语/法语div。
当我选择法语来隐藏英语div而显示法语div时，法语的小mce textarea有最小尺寸。当我去掉显示/隐藏时，两个文本都画得很好。这看起来像一个很小的mce bug。不管怎样，绕过这件事？
代码如下：
$(function () {
$('textarea').tinymce({
script_url: '/js/tiny_mce/tiny_mce.js',
浏览 1提问于2010-12-20得票数 0
回答已采纳
我可以使我的HighChart图表出现在一个固定位置的jQuery对话框中，该对话框的宽度设置为百分比减去某些像素。
但我的问题是，一旦打开对话框，图表的宽度就与对话框的宽度不一样。只有在调整浏览器窗口的大小之后，图表才能获得与jQuery对话框窗口相同的宽度。
这里有一个工作的来展示我的意思。我怎么才能解决这个问题？
如果jsfiddle关闭，请参见下面的“显示代码段”，但不幸的是，“运行代码段”无法工作(尽管与jsfiddle相同)。
$('.selector').dialog({
dialogClass: 'fixed-dialog',
res
浏览 1提问于2015-06-30得票数 0
回答已采纳
我正在尝试居中一个div，这是我到目前为止得到的结果：
function miniWindow(content) {
$('#miniWindow').hide();
$('#miniWindow').css({'top' : '280px', 'left' : '385px'}); //start position
$('#miniContent').html(content); //<-- the problem line
//center
浏览 0提问于2012-02-16得票数 0
回答已采纳
5回答
我有一个很小的问题，我认为可以通过重新思考我的CSS来解决。
在页面的一部分，我有一系列的图像。最初，每个图像都是隐藏的(请参阅下面的CSS )。我让它工作得很好。当页面加载时，第一个图像会通过jquery淡入。设置了一个计时器，在X秒后，当前图像淡出，下一个图像淡入。
每个图像都包含在一个较大的DIV中。图像应该恰好位于div的中间(垂直和水平)。由于每个图像可能有不同的大小，我必须编写一些逻辑来检查图像的高度并动态调整其页边距(同样，请参见下面的代码)。这很好用，除了第一张图片。计算出的第一幅图像的高度始终为0...这使得它看起来比div的中间更低。
使用垂直对齐可以获得相同的效果吗？到目
浏览 0提问于2010-04-08得票数 4
回答已采纳
3回答
我不想用js来做我想做的事。所以我想在不使用js的情况下显示一个div。
这是我的css：
.testHover{
width : 100px;
height : 100px;
position : relative;
}
.background{
width : 100px;
height : 100px;
background : pink;
}
.cachee{
visibility : hidden;
background : green;
position : absolute;
top :0px;
z-index : 999;
}
浏览 6提问于2016-01-10得票数 0
回答已采纳
1回答
如何获得父div的宽度？ 我需要画布是最大的宽度，它可以。但是div应该仍然在我的CSS-file设置的边界内。 换句话说:如何在仍然处于div边界内的情况下获得可能的最大宽度？ 所以： function setup() {
//somehow get the width of the div and set the canvas to that
const myCanvas = createCanvas(400, 400);
myCanvas.parent('canvasDiv');
}
function draw() {
backgrou
浏览 32提问于2020-10-21得票数 0
回答已采纳
好的，我一直在为我的朋友编写一个网站，我已经做好了一切准备，几乎可以发布了。但我可能在这过程中改变了一些东西，把语法搞砸了。它可以是像分号这样小的东西(我已经搜索过了，所以它不是:])。我不想寻求你的帮助，但我被困住了。请协助。
<!doctype html>
<html lang='en'>
<head>
<meta charset="utf-8" />
<meta name="description" content="The Sweetes
浏览 1提问于2013-09-29得票数 0
回答已采纳
我需要将角度材料输入的高度修改为最小值。
这是因为我需要在一个小盒子(500px，它位于屏幕底部)中插入许多输入，但我需要输入的高度不会改变盒子的高度，然后我需要避免发生以下两种情况之一：
1-框变小，导致发送按钮和其他输入不在屏幕上。
2-如果框的高度配置为百分比(高度:80%)，则在框的右边框中显示滚动控件。
代码如下：
<!doctype html>
<html lang="en">
<head>
<title>FORM</title>
<!-- Firebase -->
<script s
浏览 0提问于2016-10-27得票数 1
我有一组制表符，每个选项卡都包含一个动画的子元素。当我单击每个选项卡时，会运行选项卡中子元素的动画。我不想让它跑。我希望动画第一次运行，然后在它的父级从display:none切换到display:block时不再重放。
在下面的示例中，我有两个父div，每个都带有一个向右动画的子div。当每个父程序设置为阻止动画重放时，我不希望这种情况发生。我要每个孩子都站在右边。我怎样才能做到这一点？
$(".toggler").on("click", function() {
$(".parent").toggleClass("active
浏览 2提问于2016-06-06得票数 4
回答已采纳
2回答
我有一个粘性的导航栏，我正在使用twitter bootstrap。每当我滚动经过某个点时，我的粘性导航栏就会显示出来，但当它显示出来时，我的内容就会跳起来。我想要的是我的内容停留在原地，而不是跳跃。
我的HTML
<body>
<div class="top_menu_wrapper">
<div class="toggle_wrapper">
<ul>
<li>
<div class="main_menu_header"
浏览 1提问于2015-04-22得票数 0
我在根据父<div>高度动态更改子<div>高度时遇到了问题
下面是示例
<div id="parent" style="height:600px">
<div id="children"></div>
</div>
和js
var mapWidth = $("#parent").height() - 50;
var sidebarWith = $("#children").height();
if (sidebarWith > ma
浏览 1提问于2013-04-26得票数 0
2回答
我在每个div框中加载一些文本行(类别列表)。我需要它显示只有三个在加载。所以我限制了高度并设置了overflow:hidden；css来实现它。我在盒子旁边有一个小按钮(图片加载在div中)，用来增加和减少盒子的高度。问题是这个项目不能正常工作。以下是代码(我将保留其他无关的HTML/CSS/jQuery代码)：
HTML (页面中的一个框)：
<div class="content" style="height:50px;overflow:hidden;">
<div>Category 1</div>
&l
浏览 0提问于2012-12-24得票数 0
回答已采纳
1回答
我使用这个模块来实现“显示更多/显示更少”。你能告诉我如何使“显示更多”链接显示只有当高度大于某一数字(例如，相同的42像素)，而不是总是？否则，即使只显示一行，也会显示此链接，尽管这显然不是必要的。
html
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4">
<div id="su
浏览 1提问于2022-11-06得票数 -1
回答已采纳
所以我在bootply.com网站上做了一个样本
而且效果很好。当我将代码移植到我的活动站点时，当两个div在转换过程中出现时，我就会出现这种奇怪的行为。
我看不出有什么区别。
Js
$(document).ready(function(){
$("#myCarousel").carousel({
interval: 3000
});
}); // document.ready
CSS
.vertical .carousel-inner {
height: 100%;
}
.carousel.vertical .item {
浏览 2提问于2015-08-03得票数 1
回答已采纳
在我的页面上，我有一个视频，我想要包含整个网页的屏幕。然而，到目前为止，用户必须滚动一点才能到达底部，这不是我想要的。 我的JS： <div id="page">
<div id="video-container">
<ReactPlayer
id="video-player"
playing
url
浏览 27提问于2020-08-19得票数 1
回答已采纳
我一直认为对于height()和width()，具有display:none样式的元素会返回0。
但在本例中：
HTML
<div id="target" style="display:none;">
a
</div>
CSS
alert($("#target").height());
他们不这样做：
怎么会这样?在过去，我见过很多次0的回归。
浏览 1提问于2010-09-03得票数 31
回答已采纳
我正在创建多个元素，并将它们添加到DOM中。当我添加它们时，容器的高度会根据所添加的项的高度而增加。所有添加的项目都是相同的，都是基于CSS类的。我想在添加单个项之前设置容器DIV的高度，因为它们会被ajax调用延迟。
浏览 0提问于2011-04-26得票数 0
我正在使用SimpleModal对话框，在页面中，我希望使用模式对话框来设置对话框的高度，以在没有滚动条的情况下显示内容。
在测试页面中，我使用了以下代码:我插入了一堆额外的段落标记来表示更像表单布局。此对话框不需要超过屏幕的高度，但我希望对话框能扩展到屏幕的最大高度，然后在必要时滚动。
我尝试在模态窗口中使用maxHeight作为选项，但是css继续恢复到DOM中的内联固定高度和宽度。
<link href="Styles/basic.css" rel="stylesheet" type="text/css" media="scr
浏览 4提问于2012-01-03得票数 3
3回答
我正在尝试使用JS和PHP来指示某些导航是否可见。首先，我得到一系列图像的累积高度。然后我将这个高度与他们容器的高度进行比较。如果图像的高度较大，则应显示导航div。
这几乎可以工作，但由于某些原因，我的JS变量'divheight‘没有收集图像高度。有人能发现我的问题吗？
请注意，$count是图像的数量，而#th_将等于最终图像的ID。
<script>
$('#th_<?php echo $count; ?>').ready(function() {
var divheight = 0;
//aler
浏览 0提问于2012-03-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
