Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery divs的高度计算_Javascript_Jquery_Html_Css_Height - Fatal编程技术网

Javascript Jquery divs的高度计算

Javascript Jquery divs的高度计算,javascript,jquery,html,css,height,Javascript,Jquery,Html,Css,Height,请在我的小提琴上向下滚动。我在底部有一个额外的空白,我不知道如何删除。 如果通过单击“下一步”向下滚动,则布局良好。 任何帮助,请非常感谢 jS: 底部添加空白的原因是,您正在将scroll animate和scroll animate main的高度设置为计算的heightDocument变量,该变量包含视口的高度(正好是空白的高度)和所有5个内容块。如果删除windowHeight(如下所示),问题应该得到解决 $('#scroll-animate, #scroll-animate-mai

请在我的小提琴上向下滚动。我在底部有一个额外的空白,我不知道如何删除。 如果通过单击“下一步”向下滚动,则布局良好。 任何帮助,请非常感谢

jS:


底部添加空白的原因是,您正在将scroll animate和scroll animate main的高度设置为计算的
heightDocument
变量,该变量包含视口的高度(正好是空白的高度)和所有5个内容块。如果删除
windowHeight
(如下所示),问题应该得到解决

$('#scroll-animate, #scroll-animate-main').css({
    'height': (heightDocument - windowHeight) + 'px'
});

这里有一个到您更新的小提琴的链接:

从计算中删除
窗高

之前:

heightDocument = 
      (windowHeight) + ($('#one').height()) + 
       ($('#two').height()) + ($('#three').height()) + 
       ($('#four').height()) + ($('#five').height());
之后:

heightDocument = 
      ($('#one').height()) + ($('#two').height()) + 
      ($('#three').height()) + ($('#four').height()) + 
      ($('#five').height();

heightDocument = 
      ($('#one').height()) + ($('#two').height()) + 
      ($('#three').height()) + ($('#four').height()) + 
      ($('#five').height();