草庐IT

some_div

全部标签

html - 制作一个包含 PDF 整个高度的可滚动 div

我正在将PDF嵌入到我的网页中。我正在做一些傻事来隐藏状态栏(包括下载按钮和页码),以便我可以从外部控制它们(我希望能够在他们尝试下载文档时强制进行不同的下载)。如果它有任何不同(例如只能在给定框架的情况下工作/不能工作的解决方案),我正在使用React。我可以使用URL设置PDF的事件页面,但在加载该页面后我无法获取文档的滚动位置来更新页码。我认为一个解决方案是将嵌入的PDF包含在我可以亲自控制的div中。为此,我希望嵌入对象的高度是PDF所有页面垂直高度的总和,然后将其封装在具有设置高度的div中。我可以从那里监视文档的滚动位置以确定当前页面。我无法让嵌入的PDF成为文档的全高。我

html - 如何使 div 匹配包含 td 的高度?

我在table的一排布置了三个“面板”。一个比另外两个高,我希望所有三个面板都匹配最高的一个的高度。我尝试使用height:100%设置div的样式,但即使包含的tds增长,短面板仍然很短。我的HTML是由JSF生成的,所以我对其形式的控制有限,但我可以修改样式。我在下面制作了生成代码的简化版本。同样的问题出现在IE8和Firefox上。然而,IE8呈现短面板垂直对齐到td的顶部,而Firefox呈现它们在中间。TestTabletd{border:1pxsolidred;padding:1px;}.panel{border:1pxsolidblue;padding:1px;heigh

html - 如何使 div 匹配包含 td 的高度?

我在table的一排布置了三个“面板”。一个比另外两个高,我希望所有三个面板都匹配最高的一个的高度。我尝试使用height:100%设置div的样式,但即使包含的tds增长,短面板仍然很短。我的HTML是由JSF生成的,所以我对其形式的控制有限,但我可以修改样式。我在下面制作了生成代码的简化版本。同样的问题出现在IE8和Firefox上。然而,IE8呈现短面板垂直对齐到td的顶部,而Firefox呈现它们在中间。TestTabletd{border:1pxsolidred;padding:1px;}.panel{border:1pxsolidblue;padding:1px;heigh

javascript - 使用 JS/jQuery move div 的最流畅方式

我需要将一个div从屏幕的右侧move到左侧,但是同时使用经典的JS和jQuery会使它变得不稳定:我的div:))经典的javascript方法:functionmove(){pos=parseInt($("#lisp1").css("right"));$("#lisp1").css("right",pos+10+"px");}varinterval=setInterval("move()",10);jQuery方法:$("#lisp0").animate({"left":"-=2200px"},10000);我做了一个webpage向你展示它有多生涩。第一步是使用jQuery(最流

javascript - 使用 JS/jQuery move div 的最流畅方式

我需要将一个div从屏幕的右侧move到左侧,但是同时使用经典的JS和jQuery会使它变得不稳定:我的div:))经典的javascript方法:functionmove(){pos=parseInt($("#lisp1").css("right"));$("#lisp1").css("right",pos+10+"px");}varinterval=setInterval("move()",10);jQuery方法:$("#lisp0").animate({"left":"-=2200px"},10000);我做了一个webpage向你展示它有多生涩。第一步是使用jQuery(最流

html - 使 div 垂直跨越所有可用高度

红色和绿色div一个接一个对齐。如何让红色div和绿色div的高度相同? 最佳答案 你应该有一个包含这两个元素的div并且是clearfixed然后添加相对于包装器的位置:.wrapper{/*rememberthisisclearfixed*/position:relative;}你让绿色容器向右漂浮:.green{float:right;width:50%;}然后你绝对定位红色并让它知道它应该使用包装器的所有空间:.red{position:absolute;left:0;width:50%;top:0;bottom:0;}请注

html - 使 div 垂直跨越所有可用高度

红色和绿色div一个接一个对齐。如何让红色div和绿色div的高度相同? 最佳答案 你应该有一个包含这两个元素的div并且是clearfixed然后添加相对于包装器的位置:.wrapper{/*rememberthisisclearfixed*/position:relative;}你让绿色容器向右漂浮:.green{float:right;width:50%;}然后你绝对定位红色并让它知道它应该使用包装器的所有空间:.red{position:absolute;left:0;width:50%;top:0;bottom:0;}请注

jquery - 使 div 和子 div 至少延伸到浏览器窗口的整个高度

我需要有沿着主体div左右两侧延伸的图像(实际上是为了在div下产生一种投影效果)。如果不是因为我希望这个div是可扩展的,并且我需要它在IE7和IE8中工作,并且我希望它扩展到至少在页面底部。我尝试使用polyfill来实现CSS3的魔力,但它们也不起作用(我尝试了PIE和一些过滤器,但没有任何运气)。我觉得我已经尝试了一切......这让我来到这里!这是我通过CSS/html得到的,我觉得我应该能够让它工作,但到目前为止还没有雪茄:mainbodytext使用以下CSS:html,body{height:100%}.left-image{background:transparent

jquery - 使 div 和子 div 至少延伸到浏览器窗口的整个高度

我需要有沿着主体div左右两侧延伸的图像(实际上是为了在div下产生一种投影效果)。如果不是因为我希望这个div是可扩展的,并且我需要它在IE7和IE8中工作,并且我希望它扩展到至少在页面底部。我尝试使用polyfill来实现CSS3的魔力,但它们也不起作用(我尝试了PIE和一些过滤器,但没有任何运气)。我觉得我已经尝试了一切......这让我来到这里!这是我通过CSS/html得到的,我觉得我应该能够让它工作,但到目前为止还没有雪茄:mainbodytext使用以下CSS:html,body{height:100%}.left-image{background:transparent

php - 在其他域的另一个页面上加载 PHP 页面的 div

早上好,我有这种情况:我正在使用Wordpress,我正在尝试为我们的附属公司创建一个附属框。我是动态创建的,你可以看到一个例子here用于创建框的值通过$_GET传递,并且框由在模板页面上的the_content()之前调用的php函数创建。如果您直接加载页面,该框可以正常工作。但我正在尝试将该特定的div加载到另一个页面中,并且为了测试我正在尝试将它加载到我同一域的页面中。测试的页面是here我正在使用jQueryload()函数进行加载,如下所示:jQuery(document).ready(function(){varvalore=jQuery('#cm_aff_box_con