滚动时页脚移动-HTML&；CSS

我有如下代码所示的页脚。当用户滚动时，页脚会移动。如何阻止页脚与滚动一起进行？即使在滚动时，页脚也应保持在页面底部

现在，当我上下移动时，它会滚动。但它应该坚持到底

我怎样才能做到这一点

附言：CSS初学者，请原谅我的英语 HTML

<div class="content" id="content">
        <div class="container">
            <div id="elliot-for-water" class="row elliot-for-water">
                <div class="col-md-8 col-sm-8 ">
                    <h2 class="title">Terms of Service</h2>

                    </div>
                </div>
            </div>

        </div>
        <!-- end row -->
    </div><!-- end container -->

<footer class="footer-distributed">

        <div class="footer-right">

            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-twitter"></i></a>             
        </div>

        <div class="footer-left">

            <p class="footer-links">
                <a class="link-1" href="#">Home</a>
                <a href="#">Faq</a>   
                <a href="#">Contact</a>
            </p>   
            <p>Company Name &copy; 2015</p>
        </div>

    </footer>

---

您可以将以下样式应用于页脚，使其保持在固定位置

<style>
footer {
    position: fixed;
    bottom:0px;
}
</style>

页脚{
位置：固定；
底部：0px；
}

对于您的页脚：

#footer {
    position: fixed;
    height: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

为了你的身体：

body {
    margin-bottom:50px;
}

检查这里

---

检查我的答案。这是因为fineFooter在滚动时仍在移动。我以前试过这个代码

body {
    margin-bottom:50px;
}