Question

我有这个页面：

正如您在下图中所看到的，我的菜单直到最后......距离大约为17px。如果您调整窗口大小，只需查看好的菜单document.ready ()即可。

CODE JS：

    jQuery(document).ready(function ($) {

var windowheight = $(window).outerHeight();
    var meniu= $('.navbar-fixed-top').outerHeight();
    console.log('inaltime ecran:',windowheight);
    console.log('inaltime meniu:',meniu);
    $('#main-content').css('height', 100+'vh');
    $('#main-content').css('height', $('#main-content').outerHeight() - 50);
    var windowsize = $(window).outerWidth();
    console.log('screen width:',windowsize);
    var stanga= jQuery('#secondary').outerWidth();
    console.log('left width:',stanga);
    var dreapta= jQuery('.right').outerWidth();
    console.log('width right:',dreapta);
    var contentwh=windowsize-stanga-dreapta;
    console.log('laatime content:',contentwh);
    $('#main-content').css('width',contentwh+20);
    var content= jQuery('#main-content').outerWidth();
    $('.navbar-fixed-top').css('width',contentwh+5);



          $(window).on('resize',function(){
          $('#main-content').css('height', 100+'vh');
          $('#main-content').css('height', $('#main-content').outerHeight() - 50);
          var windowsize = $(window).outerWidth();   
          var stanga= jQuery('#secondary').outerWidth();
          var dreapta= jQuery('.right').outerWidth();
          var contentwh=windowsize-stanga-dreapta;
          $('.navbar-fixed-top').css('width',contentwh+5);
          console.log('laatime content rezise:',contentwh);
    $('#main-content').css('width',contentwh+20);

    });
    });

http://i57.tinypic.com/2hz1d9u.jpg

有谁知道问题是什么以及错误的计算是什么？你可以帮我解决一下吗？

提前致谢！

为什么直到结束菜单？ JQuery布局

0 个答案: