Question

我不是高级程序员，我正在努力使这两个溢出框左右移动div行，我尝试使用现有代码：http://jsfiddle.net/pWUDJ/275/

$(window).scroll(function() {
$("div#mydiv").css({
    "right": $(window).scrollTop() + "px"
}).text("hello:"+$(window).scrollTop());

}）;

我的代码是 - http://jsfiddle.net/millington/6v1fc7bj/

$(window).scroll(function() {
$("div#l2").css({
    "right": $("#leftscr").scrollTop() + "px"
}).text("left&right:"+$("#leftscr").scrollTop());

}）;

请帮忙如果可以的话！：D

Answer 1

试试这个：

<div class="row">
 <div class="large-6 large-offset-3 end columns">6 centered</div>
</div>

http://jsfiddle.net/6v1fc7bj/1/

如果px需要

$(window).scroll(function() {
var div_offset  = $("#leftscr").offset().top;
var window_scroll = $(window).scrollTop();

var scroll = (1- (div_offset - window_scroll)/div_offset) * 100;
if(scroll < 100) {
    $("div#l2").css({
        "left": scroll + "%"
    }).text("left&right:"+scroll + "%");
    }
});

http://jsfiddle.net/6v1fc7bj/2/

溢出滚动框左右移动div

1 个答案: