javascript - 如何在调整大小时将html元素固定在窗口的底部，而不是在滚动时？

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
            
                    
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        3年前关闭。
                    
                
        

我试图做与this page完全相同的操作，如果您调整第二页的大小，您会注意到容器标题（带有电话号码，地址和“立即预订”按钮的标题）保持固定在窗口，但是如果您开始向下滚动页面，则可以继续其余内容。我怎样才能做到这一点？

我正在使用Twitter Bootstrap 3。

最佳答案

他们使用calc(100vh - 75px)计算顶部div的高度。
因此，第一个div将始终覆盖整个视口高度（100vh）减去75像素。

.property-page .full-screen {
    min-height: calc(100vh - 75px);
    height: calc(100vh - 75px);
}

“立即预订”按钮只是带有position:fixed;的元素

像这样的事情应该做你想要的：

https://jsfiddle.net/zaw0mptm/2/