Jquery 固定浮动div滚动
你需要有它Jquery 固定浮动div滚动,jquery,html,css,vertical-scrolling,Jquery,Html,Css,Vertical Scrolling,你需要有它位置:固定;排名:0;左:0用于css或js内部?如果您正在谈论9gag上的赞助商链接部分,那么您将需要其他内容。这是用于css的。你想在滚动时将标题固定在正确的位置吗?@xthexter:是的,就像“赞助商链接”部分一样,当滚动到一个div(我们称之为div.head)时,该div的位置将固定,并在用户向下滚动时保持在页面上,你知道吗? <div class="top-head>some content</div> <div class="b_head"
位置:固定;排名:0;左:0代码>用于css或js内部?如果您正在谈论9gag上的赞助商链接部分,那么您将需要其他内容。这是用于css的。你想在滚动时将标题固定在正确的位置吗?@xthexter:是的,就像“赞助商链接”部分一样,当滚动到一个div(我们称之为div.head)时,该div的位置将固定,并在用户向下滚动时保持在页面上,你知道吗?
<div class="top-head>some content</div>
<div class="b_head">this div will stay at top as user scrolls</div>
.b_head {
height: auto;
z-index: 12;
position: relative;
display: block;}
<script type='text/javascript'>
$(document).load(function() {
$window = $(window),
$sidebar = $(".b_head "),
sidebarTop = $sidebar.position().top,
$sidebar.addClass('fixed');
$window.scroll(function(event) {
scrollTop = $window.scrollTop(),
topPosition = Math.max(0, sidebarTop - scrollTop),
$sidebar.css('top', topPosition);
});
});
</script>
.b_head {
height: auto;
position: fixed;
z-index:15;
}