javascript - 按钮表现得像固定的但如果 parent 结束可见他的位置 :end of parent

Question

我必须在手机上放置一个按钮，点击它后应该将内容移动到某个高度，并且它一直放在页面的底部，但如果内容末尾可见，它应该放在末尾此内容不是页面。我该怎么做？

.button{position:fixed;}

没有答案，因为结束按钮隐藏了页脚。

代码很多，但简而言之:

 <header/>
 <div id="gallery">
     <div id="paintings">
         <img/>
         <img/>
          ...
     </div>
     <div id="graphics">
         <img/>
         <img/>
          ...
     </div>
     <div id="button"><img/></div>//link or clic on div or button

</div>
<footer/>

Answer 1

好的，我解决了一些问题:JSFIDDLE

比较

$.(window).scrollTop()

页脚的位置:

$('footer').position().top

如果 scrollTop 值大于页脚的顶部位置，我将按钮的位置值更改为:

position: absolute

然后我将顶部值更改为页脚的顶部位置。