更改div在javascript中的位置

Question

I want to Change Positioning of HTML div Via Javascript in my existing Script

Currently This My Existing Javascript is generating in front end.

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

But i want to make positioning to top:8px

JavaScript is as Below.

// 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

Since you are using jQuery just use the following line of code.

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

To be more precise instead if this part

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

add .css("top","8px");