草庐IT

FIXED-HEIGHT

全部标签

javascript - 在纯 JavaScript 中,jQuery 的 .height() 和 .width() 等价于什么?

是否有任何等效的跨浏览器API来获取不包括边框大小、填充和边距的内容高度和宽度?我没有使用jQuery的选项。编辑:忘了说了,我也要支持IE8。 最佳答案 好吧,我已经设法找到了解决方案。对于IEWindow.getComputedStyle()可以解决问题。Window.getComputedStyle()方法在应用事件样式表并解析这些值可能包含的任何基本计算后给出元素的所有CSS属性的值。参见https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedSt

javascript - 在浏览器底部将 div 从 fixed 切换为 absolute

我正在尝试在此内容的底部添加一个页脚,它不会覆盖内容而是将其向上移动。我能看到它工作的唯一方法是,当浏览器位于底部时,删除左侧红色“#work”上的“固定”类。jsfiddleDEMO已更新jsfiddleDEMOHTMLHeader-block,thissitshereinthebackgroundThiscontentshouldbefixedwhenatthetopThiscontentshouldscroll-ThisshouldappearatthebottomCSSbody{margin:0px;padding:0px;}#header-block{background:g

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

javascript - Y 组合器 : Some functions do not have fixed points

WikipediaarticleontheYcombinator提供了Y组合器的以下JavaScript实现:functionY(f){return((function(x){returnf(function(v){returnx(x)(v);});})(function(x){returnf(function(v){returnx(x)(v);});}));}JavaScript中Y组合器的存在意味着每个JavaScript函数都有一个不动点(因为对于每个函数g、Y(g)和g(Y(g))应该相等)。但是,不难想出违反Y(g)=g(Y(g))的不带不动点的函数(参见here)。甚至某些

javascript - 当列隐藏在表布局为 :fixed 的表中时,IE8 不会调整 tbody 或 thead 的大小

当我使用table-layout:fixed隐藏表格中的列时,IE8会做一些非常奇怪的事情。该列被隐藏,table元素保持相同的宽度,但tbody和thead元素不会调整大小以填充剩余的宽度。它在IE7模式下工作(当然还有FF、Chrome等)。有没有人以前见过这个或知道解决方法?这是我的测试页面-切换第一列并使用开发控制台检查表格、tbody和thead宽度:bugtable{table-layout:fixed;width:100%;border-collapse:collapse;}td,th{border:1pxsolid#000;}12341234togglefirstcol

javascript - 在 "Fixed"容器 Div 中垂直放置一个 Div "Absolute",水平放置一个 "Position:Relative"

我正在寻找一种方法来创建一个垂直固定在页面上的div,因此如果用户向下滚动,该div将保留在页面上的同一位置。但是让它绝对水平放置,所以如果用户屏幕比我的网页窄,向右或向左滚动不会导致div随屏幕移动,并且在某些情况下,在屏幕边缘保持一半可见或完全离开页面。此div必须位于“Position:Relative”Div内。我相当确定没有办法将不同的位置分配给div的不同轴,但这是描述我希望达到的效果的最佳方式。到目前为止我有这个,它基本上只是一个相对Div中的FixedDiv。CSS#container{position:relative;width:700px;height:1000p

javascript - 位置 : fixed 的特征检测

我正在尝试找到一个脚本来检测设备是否放置了相对于ViewPort而不是整个文档的position:fixed元素。目前,标准桌面浏览器和MobileSafari(适用于iOS5)这样做,而Android设备相对于整个文档放置固定元素。我找到了几个测试来检测这一点,但似乎都不起作用:http://kangax.github.com/cft/当我从Android设备传递它时给我误报。https://gist.github.com/1221602当我在装有iOS5的iPhone中传递它时,给我一个假阴性。有人知道在哪里可以找到/如何编写一个实际检测到的测试吗?我不想依赖浏览器嗅探。

javascript - Bootstrap Navbar-fixed-bottom div 重叠 JS 呈现的内容

在我的主页容器中生成的内容与此DIV的内容重叠:这是来自github元素的CSS(bootstrapsass)//Fixthetop/bottomnavbarswhenscreenrealestatesupportsit.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:001px;//Undotheroundedcorners@media(min-width:$grid-float-breakpoint){border-radius:0;}}.navbar-fixed-to

javascript - 为什么浏览器在 style.height 上返回空字符串?如何获取元素的实际高度?

简单的一行html:sometext警报给出:但它应该像10px或诸如此类。 最佳答案 当您使用this.style.height时,必须首先在元素上指定高度,如下所示:sometext否则,您可能应该使用offsetHeight或clientHeight:sometext 关于javascript-为什么浏览器在style.height上返回空字符串?如何获取元素的实际高度?,我们在StackOverflow上找到一个类似的问题: https://stack

javascript - react native : How to set <TextInput/>'s height and width to <View/> container?

我目前有一个在里面有一个padding:15.我想要's覆盖内部所有空间的宽度和高度除了填充。所以我尝试了varwidth=Dimensions.get('window').width和以下,但是遵守左侧的填充,但当您继续键入时,它会超出右侧填充:那么我怎样才能让TextInput覆盖View内的所有空间、高度和宽度,同时还要遵守View的填充规则?谢谢 最佳答案 尝试将TextInput的样式设置为flex:1而不是获取宽度。Flex样式将自动填充您的View并将填充留空。 关于jav