Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 固定浮动div滚动_Jquery_Html_Css_Vertical Scrolling - Fatal编程技术网

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;
}