У меня фиксированный нижний колонтитул в двух секциях, верхний фиксируется, а нижняя часть скрыта. Когда я прокручиваю нижнюю часть страницы, мне бы хотелось, чтобы нижняя часть отображалась, а фиксированный нижний колонтитул стал незафиксированным и сидел поверх нижней части нижнего колонтитула.Изменение фиксированного нижнего колонтитула до незафиксированного при прокрутке вниз страницы
Вот JS скрипка, так что вы можете понять, почему я пытаюсь сделать http://jsfiddle.net/8w8ttj6k/
ЭРВА моей HTML
<div class="container-fluid full-width">
<footer class="footer primary-color">
<div class="container">
<div class="row">
<div class="navbar-fixed-bottom text-center primary-color">
<div class="container">
<div class="col-sm-3">Projects</div>
<div class="col-sm-3">Like us</div>
<div class="col-sm-3">Google Maps</div>
<div class="col-sm-3">Email Us</div>
</div>
</div>
<div class="row">
<div class="extension text-center js-footer">
<div class="col-sm-6">
©HEM Building and Services
</div>
<div class="col-sm-6">
<a href="#">Sitemap</a>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
CSS
.js-footer{
display: none;
}
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
Jquery
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$("div").toggleClass("navbar-fixed-bottom");
$("div").removeClass("js-footer");
}
});
Может так meone дать мне некоторую помощь или указать мне в правильном направлении, пожалуйста, приветствия.
спасибо за Ваш комментарий, он, кажется, не снимая нижнюю NavBar фиксированного класса, хотя – JamesP