草庐IT

RSSI定位

全部标签

javascript - 当 body 可以相对定位时,如何计算 dom 元素的页面位置?

当我将body设置为具有39像素边距的相对定位元素(我正在为页面顶部的工具栏腾出空间)时,我有一个奇怪的错误开始出现。无论如何-如果您查看大多数网站如何告诉您计算页面元素位置,您会看到如下代码:functiongetPos(elt){varpt=[0,0];while(elt.offsetParent!==null){pt[0]+=elt.offsetLeft;pt[1]+=elt.offsetTop;elt=elt.offsetParent;}returnpt;}即使您的标记有边距,这也能正常工作。但是,如果您的body也是position:relative,那么这将返回一个太小的值

javascript - 防止浏览器重新定位通过制表符导航到的焦点元素

当您使用tab键(和shift+tab)浏览表单元素或anchor时,浏览器会自动滚动到该焦点元素。如果元素不可见,因为它是溢出内容的一部分,溢出内容设置为隐藏,它会移动(或滚动)内容的容器以显示焦点元素。我想停止或找到一种方法来否定这种行为我整理了一些内容来展示这个问题。我在Chrome中复制了它。https://jsfiddle.net/charlieko/wLy7vurj/2/varcontainer=$("#container")varcur=0;functiongo(increment){varnext=cur+increment;if(next4)next=0;cur=ne

html - 如果包含 block 是内联的,绝对定位元素的确切包含 block 是什么?

body>div{display:inline;position:relative;}body>div>div{position:absolute;}内部div的确切包含block是什么?Inthecasethattheancestorisaninlineelement,thecontainingblockistheboundingboxaroundthepaddingboxesofthefirstandthelastinlineboxesgeneratedforthatelement.InCSS2.1,iftheinlineelementissplitacrossmultipleli

html - 如何定位 Foundation Dropdown?

我的登录表单使用Foundation5.4.5下拉菜单,但问题是下拉菜单如下所示:我希望它像打开的那个一样,小块在右边,主体位置也很好这是我的HTML:HasDropdownThisisalinkThisisanotherYetanother 最佳答案 你有两个选择HasDropdown或者ThisisalinkThisisanotherYetanother两者都作为变通方法使用。但是,我明白您的意思:您希望下拉列表显示在链接的底部,但与右边框对齐。如果有人为此提出答案,我将不胜感激,因为基金会网站表明它可以通过某种未记录的方式实现

html - 内联元素中的绝对定位。这种行为是否正确?

考虑以下简单的HTML和CSSa.rel{position:relative;}button{position:absolute;top:0;left:0;}LoremipsumdolorsitametI'mabutton现在考虑CSS210.1.4.1Iftheelementhas'position:absolute',thecontainingblockisestablishedbythenearestancestorwitha'position'of'absolute','relative'or'fixed',inthefollowingway:Inthecasethatthea

html - 使用左右 CSS 属性绝对定位 INPUT 时的奇怪行为

我正在研究绝对定位的CSS格式.我希望它在其容器内“拉伸(stretch)”(也定位为“绝对”),以便它在左右两侧留下例如30px,并填充其中的所有空间......我已经找到一个sampleonw3.orgsite,它同时使用left和right在CSS中创建一种“框架集”。我还读了anarticlefromA-List-Apart谈论这种技术并发现其他几个问题在这里处理类似的麻烦,但这些都没有关注我要描述的具体问题。我还发现我可以包裹内部用,但我想深入了解这个主题,以了解其行为不当的原因......这里是aworkingsample我做了测试和澄清这个想法。简而言之,就是这么简单:像

html - 定位 HTML SELECT 的下拉窗口

我正在使用HTMLSELECT标记,并希望确保当用户点击箭头以定位到控件的“文本框”部分下方时打开的窗口。问题是IE似乎只是根据选择任意打开窗口,但我需要确保一致的定位,因为页面上还有其他元素需要始终保持可见这是当前标记SubchoiceASubchoiceBSubChoiceASubChoiceB 最佳答案 对不起。恐怕这是不可能的。问题是下拉菜单使用浏览器的native下拉菜单呈现。这意味着样式功能有限并且因浏览器而异。我也看到了您在我的OSXChrome上描述的行为-未在选择框下方打开。可以完全控制样式的唯一方法是使用完全自定

html - 具有绝对定位元素的 Clearfix

我的问题如下:边框不包裹包含的元素。我知道这是因为我将内容项定位为绝对的,但我需要它们是绝对的以使布局正常工作。这也意味着我不能使用clearfix解决方案(这意味着我必须float元素,这不是一个选项)。所以我的问题是,如何让父div获得包含元素的高度。编辑:没有Javascript解决方案,只有CSSHTML:Loremipsumdolorsitamet,consecteturadipisicingelit...Loremipsumdolorsitamet,consecteturadipisicingelit...​​​​CSS:.mask{position:relative;wi

web-applications - HTML5 离线模式和地理定位

当您在HTML5中处于离线模式时,是否仍然可以使用地理定位功能?看来当我在线时(navigator.onLine=true),地理定位工作正常。但是当我离线时(navigator.onLine=false),我被抛出到我的错误回调并且错误指示地理定位不可用。 最佳答案 这将取决于特定浏览器中的GeoLocation是如何连接的。在Firefox中,GeoLocation取决于GoogleLocationServices它通过向Web服务发送一些网络信息来工作-显然,当您处于离线状态时这将不起作用,因为Web服务将不可用。如果您有一个

jquery - 如何从 BODY 元素的特定类定位 HTML 元素

使用Drupal,主题具有分配给的背景颜色元素。我正在创建一个单独的print一个特定页面的CSS,并希望在用户打印页面时仅删除该页面的背景颜色。元素没有类或ID,但有元素。有没有办法指定我想要的父元素??或者以某种方式定位基于的类别?编辑:|------------------------|||||----------||||||||||||||||----------|||||------------------------| 最佳答案 在jQuery中,您可以执行以下操作:$('body.specialPage').paren