草庐IT

高度尺

全部标签

javascript - 在 JAVASCRIPT 中将 div 高度设置为 window.innerHeight

我想将元素的div高度设置为浏览器的innerHeight。我不希望css或jQuery出现在这里。它必须通过调整窗口大小动态更改其高度。所以我制作了这个脚本,但它并没有像我想的那样工作。这是我的代码:window.onload=window.onresize=function(){varleft=document.getElementById("left");varheight=window.innerHeight;left.style.height='height+('px')';}有人可以更正我的代码并使其正常工作吗?任何帮助将不胜感激。谢谢。jsFIDDLE您可以将height

javascript - jQuery Cycle 插件 - 容器的自动高度

我正在使用cycleplugin在一些div上,像这样:texttexttext所有的.sectiondiv都有可变的高度,基于它们的内容。我怎样才能使循环不将容器div(部分)的大小调整为最大的子高度?相反,我希望容器将每个动画的大小调整为当前的子高度。 最佳答案 好的,我设法通过在“after”事件上Hook一个函数来做到这一点:functiononAfter(curr,next,opts,fwd){var$ht=$(this).height();//setthecontainer'sheighttothatofthecurre

javascript - Ag-grid 在 Master/Detail 组件中设置自动高度

假设我们需要设置ag-grid组件的自动高度,只需将gridOptions设置为domLayout="autoHeight"即可轻松完成。这适用于单个组件,但对于高度可以扩展的主从(父/子)组件,这不起作用。同样的问题:https://github.com/ag-grid/ag-grid/issues/205我需要深入调整它的css,但仍然无法让它工作,样式引用:https://www.ag-grid.com/javascript-grid-styling/Ag网格DOM布局:https://www.ag-grid.com/javascript-grid-width-and-heigh

javascript - braintree dropin 额外的高度

我正在使用braintreedropinUI:varbraintree_client_token="{{braintree_client_token}}";functionbraintreeSetup(){//HereyoutellBraintreetoaddthedrop-intoyourdivisionabovebraintree.setup(braintree_client_token,"dropin",{container:"braintree-dropin",onError:function(obj){//Errorswillbeaddedtothehtmlcode$('[t

javascript - Chrome 开发工具,谁在设置高度/宽度?

我发现我很无助——当我需要找到谁负责设置元素属性值时。通常需要一段时间才能查明问题所在。如果您来到该页面,有人可以分享最佳策略吗?看到计算的高度是“500px”,但没有人明确设置它——是的,我最终找到了原因,但我想更有条理一些。谢谢 最佳答案 对于GoogleChrome浏览器右键单击元素并选择Inspectelement展开Computed选项卡并寻找有问题的样式找到您需要的属性并单击样式定义左侧的小三Angular形。单击它应该展开影响此元素此样式的选择器列表阅读更多HowtoDetermineWhichCSSisStyling

javascript - 在 PhantomJS 中设置元素高度

在PhantomJS中测试时如何设置元素高度?我正在使用Jasmine框架在Karma上进行测试,并在PhantomJSheadless浏览器上运行。我正在尝试测试与“无限滚动”有关的AngularJS指令(当用户滚动到容器元素底部附近时自动加载项目)。我不使用jQuery,我也不希望(除非没有其他办法)。我正在使用.clientHeight、.scrollTop和.scrollHeight属性。我的指令按预期工作,至少在Chrome中是这样。我尝试为我的指令设置一个测试,但我找不到创建非零高度元素的方法。下面的代码让我不高兴:describe('something',function

javascript - 获取div未溢出部分的高度

假设我有一个包装div,上面有一个overflow:hidden,里面有一个远远低于可见部分的div。如何获取内部div的可见高度?我尝试获取内部div高度的每种方法都会返回包括隐藏部分的完整高度,即2000像素。我希望能够仅获得可见部分的高度,因此在本例中为400px。我知道我只能获取parentNode的高度,但在生产中,内部div可能不是第一个子节点。因此可能有其他div将它们分隔开,因此#inner的高度将为400-无论它与#wrapper之间的元素偏移量如何。 最佳答案 作为基本算法,这可以工作:varoffset=0;v

javascript - 隐藏 100% 高度的 iPhone 地址栏

关于此的很多帖子,但不完全适合我的情况。我的页面将灵活的尺寸设置为100%宽度和100%高度,因此典型的加载滚动功能不起作用。有什么想法或其他解决方案吗?谢谢!CSS:*{margin:0;padding:0;}html,body{width:100%;height:100%;min-width:960px;overflow:hidden;}Javascript:/mobile/i.test(navigator.userAgent)&&!pageYOffset&&!location.hash&&setTimeout(function(){window.scrollTo(0,1);},1

javascript - 具有不同滑动高度的 ionic 滑动盒

我正在使用ion-slide-box,但问题是,我的ion-slide不在同一高度,所以它设置了所有ion-slide到高度一的大小。下面是一个例子ion-slide1高度30pxion-slide2高度100px因此,ion-slide-box高度将为100px,这会在slide1中形成一个空白区域(70px)。当用户使用该空白区域(70px)滑动时,slider不起作用。有什么方法/解决方法可以让slidebox适用于不同的幻灯片高度? 最佳答案 你可以使用这个:.slider-slides{display:flex;flex-

javascript - 如何为 extjs hbox 布局设置自动高度?

我有这个布局,一旦我设置了一些数据动态布局就不会调整大小,最终结果是这样的这是我使用的代码win=Ext.create('widget.window',{title:'LayoutWindow',closable:true,closeAction:'hide',width:750,height:500,layout:'fit',animCollapse:true,bodyPadding:5,items:[{xtype:'container',layout:'hbox',align:'stretch',items:[{xtype:'fieldset',flex:1,title:'Deta