0

div 内に Raphael.js SVG 要素が存在します。ページが読み込まれたとき、または jquery-ui-draggable がメインの svg ノードにドラッグされたときに、SVG 要素全体 (オーバー?) がページのほぼ下にフローすることがあります。つまり、0,0 から始まり、高さが 500px の場合、常にではなく、突然 0,500 にジャンプします。position:relative を設定しようとしましたが、修正されていないようです。実際には、Chrome デバッガーで位置を微調整すると、「元に戻る」ようになりますが、ページの読み込み中にその位置を維持しても、問題が完全に解決されるわけではありません。すべてのページ読み込みのおそらく半分が発生します。

これを引き起こしている可能性のあるもの、または少なくとも上部に詰まったままにする方法を知っている人はいますか? 私はむしろCSSに無知です。

例がないことをお詫びします。現時点では共有できない大規模なセットアップの一部です。誰かが直感を持っていることを願っています。

4

2 に答える 2

1

発生中に生成されたソース コードを調べて (私は Web 開発者ツールを使用しており、そこに生成されたソース コードを表示するオプションがあり、Chrome にも同様のものが存在するはずです)、要素が挿入されていないかどうかを確認できますか?その前に（またはプログラムロジックの何かがキャンバスを複製させている）。Raphael で非常に奇妙な動作をしたことがありますが、ページに同じスクリプトを誤って 2 回読み込んでいたことが原因であることがわかりました。

CSSでも絶対配置をいつでも提案できますが、それは根本的な問題を解決するようには思えません。

幸運と希望が助けになります。

于 2013-07-25T09:33:10.937 に答える
0

どうやらそれはいくつかの CSS 変換でした。入力パスが正しい座標空間になかったため-webkit-transform: translateY(400px) scaleY(-1);、<svg>要素で a を実行していました。パスを DOM に配置する前に、パスをスケーリングしてみます。

于 2013-07-26T19:45:57.813 に答える