getboundingclientrect

1熱

1答えて

JavascriptをgetBoundingClientRect（） - クラス

の複数のインスタンスに適用され、私は要素がビューポートであるかどうかを検出する機能を使用しようとしてきた： function isElementInViewport (el) { var rect = el[0].getBoundingClientRect(); return (rect.top>-1 && rect.bottom <= $(window).height());

6熱

1答えて

getBoundingClientRect、インラインSVGの高さが正しくありません

<body style="width:1000px;height:1000px;"> <div id="d" style="display:inline-block;"> <svg id="s" xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px"> <rect

1熱

1答えて

変換の前に要素の矩形を取得する方法は？

現在、Element.getBoundingClientRect()は要素の位置と寸法を示しますが、CSS transformプロパティを使用して自動的に変換を考慮します。どのように変換せずに矩形を得ることができます？次の例では、出力を10 10 100 100にしたいと考えています。ここで const rect = div.getBoundingClientRect() document

0熱

1答えて

C＃API for puppeteer

Puppeteerを使用するためのC＃APIはありますか？使用例：HTMLの座標/バウンディングボックスを取得する必要があります。 Selenium + PhantomJSを使用することができましたが、PhantomJSの不安定性の問題を考えると、Puppeteerを試してみたいと思います。誰かが助けてくれますか？

1熱

1答えて

getBoundingClientRect（）は、すべての子どもに同じ値を返します

コンテキスト私は画像の無限の水平スクロール構築しています： <div class="infinite-thumbs"> <img src="1.jpg" class="thumb thumb-one"> <img src="2.jpg" class="thumb thumb-two"> <img src="3.jpg" class="thumb thumb-thre

0熱

1答えて

ビューポート内の要素IDを取得

divタグ内にiframeが追加されています。 iframeのコンテンツは固有のIDを有するタグ「秒」を有する、等、 <p> <sec id='1'>some text</sec> <sec id='2'>some other text</sec> </p> iframeのコンテンツは、水平列幅および列ギャップを使用して拡散します。 Divはiframeの幅ごとにスクロール可能です。私

0熱

1答えて

getBoundingClientRect（）alternative

私は上のナビゲーション内のすべての要素が非表示になるようにdocument.body.getBoundingClientRect（）。rightを使用しているので、それらを非表示にして[More]ドロップダウンに配置します。しかし、この機能はサファリでは機能していないようです。関数に代わるものはありますか、それともサファリで修正できる方法はありますか？あなたはjQueryのを使用しているので va