Change Position of div in javascript

<p>I want to Change Positioning of HTML div Via Javascript in my existing Script</p><p>Currently This My Existing Javascript is generating in front end.</p><pre><br /><code><div class="navbar navbar-inverse affix" id="SubMenu" style="top: 72px;"> <br /></code><br /></pre><p>But i want to make positioning to <code>top:8px</code></p><p>JavaScript is as Below.</p><pre><br /><code>// Sub-navbar affix on scroll<br />// ------------------------------------------------------------------------<br />if ($('#SubMenu').length) {<br /> $('#SubMenu').affix({<br /> offset: {<br /><br /> top: function() {<br /> return $('#SubMenu').parent().offset().top - $('#navbar-main-container').outerHeight();<br /> },<br /> }<br /> }).css('top', $('#navbar-main-container').outerHeight());<br /> // Update values on window resize<br /> $(window).resize(function() {<br /> theTop = $('#SubMenu').parent().offset().top - $('#navbar-main-container').outerHeight();<br /> $('#SubMenu').data('bs.affix').options.offset = {<br /> top: theTop<br /> };<br /> });<br /><br /> $('#SubMenu').on('affixed.bs.affix', function() {<br /> $('a.navbar-brand.scrollTop span').text($('#destination-the-title').val());<br /> });<br /> $('#SubMenu').on('affixed-top.bs.affix', function() {<br /> setTimeout(function() {<br /> $('a.navbar-brand.scrollTop span').text('');<br /> }, 600)<br /> });<br />}<br /></code><br /></pre><br /><h2>Click here view more answers <a href="http://ift.tt/1VAUuPJ">http://ift.tt/1VAUuPJ</a></h2>

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Align div to bottom of the page in bootstrap

<p>I tried to use methods from stack questions, but nothing works for me, despite project is very simple.</p><pre><br /><code><div class="fluid-container"><br /> <div id="app-row" class="row"><br /> <div id="app" class="col-xs-5"><br /> <div class="top-navbar"><br /> Top<br /> </div><br /> <div class="bottom-navbar"><br /> Bottom<br /> </div><br /> </div><br /> <div id="map-container" class="col-xs-7"><br /> <div id="map"></div><br /> </div><br /> </div><br /></div><br /></code><br /></pre><p>style.css</p><pre><br /><code>.fluid-co...
Đọc thêm

Align elements inside an tag vertically

<p>I have an <code><a></code> tag (which is part of multiple <code><li></code> tags). In the <code><a></code> tag I have an <code><i></code> tag and some text - the text of the link.</p><p>What I would like to achieve is to have the icon on top and the text under it (and then centered). So it would look like:</p><pre><br /><code> ICON<br />MYTEXTHERE<br /></code><br /></pre><p>However they are always placed next to each other. I tried using <code>display: inline-block</code> - because my <code><a></code> is <em>inline</em> and the content inside should be <em>block</em> but without success.</p><p>The fiddle is here: <a href="http://ift.tt/1mFkDBp" rel="nofollow">http://ift.tt/1mFkDBp</a></p><br /><h2>Click here view more a...
Đọc thêm

Javascript is unable to stop page loading

<p>I have a sign-up page having proper validation's every place. But whenever i click "Sign-Up" on a blank form. It shows the validation, but gets loaded. I want to stop the loading. How's that possible.</p><p>I am primarily checking on chrome, where i checked on settings, whether javascript is disabled or not, but it is enabled.</p><p>it's happening in an .cshtml page.</p><p>Feel free to ask any question</p><br /><h2>Click here view more answers <a href="http://ift.tt/1PUkVhE">http://ift.tt/1PUkVhE</a></h2>
Đọc thêm