修复了 parent div 中的 div
Fixed the div within the parent div
我是 bootstrap 的新手。我想在他们的 parent 中固定 div 的位置。如果 parent div 滚动结束,child div 也会随着 parent div 滚动。例如 see this page.
在那个页面中,一个类别 div 被固定在他们的 parent div 中。滚动页面到达 parent div 末尾后,child div 也随之滚动。如何创建这样的。
使用 div 的偏移值并编写一个 window.scroll 函数,当滚动条大于 offset.top 值时添加 class 修复 div 你想要
谢谢
jQuery(window).scroll(function () {
st = jQuery(window).scrollTop();
var offVAlueCapabilities = jQuery("#footer").offset().top;
if(st > offVAlueCapabilities-200 ){
jQuery("#footer .container").addClass("show-footer");
}
var coverPos = jQuery("#landing-header").offset().top;
if(st > coverPos ){
jQuery(".header-holder").addClass("Header-Fixed");
}else{
jQuery(".header-holder").removeClass("Header-Fixed");
}
});
我是 bootstrap 的新手。我想在他们的 parent 中固定 div 的位置。如果 parent div 滚动结束,child div 也会随着 parent div 滚动。例如 see this page.
在那个页面中,一个类别 div 被固定在他们的 parent div 中。滚动页面到达 parent div 末尾后,child div 也随之滚动。如何创建这样的。
使用 div 的偏移值并编写一个 window.scroll 函数,当滚动条大于 offset.top 值时添加 class 修复 div 你想要
谢谢
jQuery(window).scroll(function () {
st = jQuery(window).scrollTop();
var offVAlueCapabilities = jQuery("#footer").offset().top;
if(st > offVAlueCapabilities-200 ){
jQuery("#footer .container").addClass("show-footer");
}
var coverPos = jQuery("#landing-header").offset().top;
if(st > coverPos ){
jQuery(".header-holder").addClass("Header-Fixed");
}else{
jQuery(".header-holder").removeClass("Header-Fixed");
}
});