Я хочу прокрутить Div
Synchronizing on Browser
Scroll Bar, чтобы сделать Div
в верхней части Browser
прокрутки Browser
Когда она прокручивается. Прикрепленное изображение объяснит больше, в то время как Div
- черный ящик
я попробовал что-то вроде этого, но не дал мне необходимый
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<style type="text/css">
#box{
background-color: red;
height: 100px;
width: 100px;
position: absolute;
top: 0px;
right: 5px;
}
</style>
</head>
<body>
<script src="/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
$("#box").css("top",$(this).scrollTop()+"px");
});
});
</script>
<div id="box">
</div>
<div style="margin-top: 1000px;"></div>
</body>
</html>
Благодаря,
Там нет простого способа сделать это (если это возможно). У вас нет возможности узнать "верхнюю" полосу прокрутки. Он изменяется с высотой окна и от браузера к браузеру. Вы можете заставить его перемещаться вверх и вниз со страницей, хотя, что-то вроде этого...
HTML
<div id="box"></div>
<div style="margin-top: 1000px;"></div>
CSS
#box{
background-color: red;
height: 100px;
width: 100px;
position: absolute;
top: 0px;
right: 5px;
}
Javascript
$(function() {
$(window).scroll(function(){
$("#box").css("top", $(this).scrollTop() * 1.2);
});
});
Это не совсем то, что вы показываете на своем изображении, но оно близко. Есть слишком много переменных, чтобы делать именно то, что вы хотите, и большинство из них недоступны для Javascript.