Question

我想在现有脚本中通过Javascript更改HTML div的定位

目前，我的现有Javascript正在前端生成。

<div class="navbar navbar-inverse affix" id="SubMenu" style="top: 72px;">

但我希望定位到top:8px

JavaScript如下所示。

// Sub-navbar affix on scroll
// ------------------------------------------------------------------------
if ($('#SubMenu').length) {
    $('#SubMenu').affix({
        offset: {

            top: function() {
                return $('#SubMenu').parent().offset().top - $('#navbar-main-container').outerHeight();
            },
        }
    }).css('top', $('#navbar-main-container').outerHeight());
    // Update values on window resize
    $(window).resize(function() {
        theTop = $('#SubMenu').parent().offset().top - $('#navbar-main-container').outerHeight();
        $('#SubMenu').data('bs.affix').options.offset = {
            top: theTop
        };
    });

    $('#SubMenu').on('affixed.bs.affix', function() {
        $('a.navbar-brand.scrollTop span').text($('#destination-the-title').val());
    });
    $('#SubMenu').on('affixed-top.bs.affix', function() {
        setTimeout(function() {
            $('a.navbar-brand.scrollTop span').text('');
        }, 600)
    });
}

Answer 1

由于您使用的是jQuery，只需使用以下代码行。

$("#SubMenu").css("top","8px");

更准确相反，如果这部分

.css('top', $('#navbar-main-container').outerHeight());

添加.css("top","8px");

在javascript中更改div的位置

1 个答案: