javascript - ロード時にマスターページにある div を微調整することは可能ですか?

Question

マスターページにあるdivをページに取り、300pxほど右に移動させる必要があります。これは可能ですか？javascriptかjqueryだと思います。ティア

Answer 1

div を取得できると仮定すると (document.getElementById()またはgetElementsByTagName()またはのようなものでdocument.querySelector())、次のようになります。

var elem = // some code to get the right div here
elem.style.position = "relative;
elem.style.left = "300px";

positionこれにより、要素が元の位置から 300 ピクセル右に移動しますが、要素に既に以外のが含まれている場合はうまく機能しませんstatic。

Answer 2

jQuery では、div をアニメーション化して簡単に移動できます。

$(document).ready(function () {
    var current_left = $("#myDiv").css('left');
    $("#myDiv").animate({
        "margin-left": "300px", // if #myDiv's position is relative
        "left": current_left + 300 + "px" // if #myDiv's position is absolute|fixed
    }, 400);
});

編集: 絶対は、RIGHT の代わりに LEFT を使用していると想定していました。権利は次のとおりです。

"right": current_left - 300 + "px"