Überlauf Scroll Box bewegt divs links und rechts

Question

Ich bin kein erfahrener Coder und ich habe Schwierigkeiten mit der Herstellung dieser beiden Überlaufkästen bewegen sich die div Linien links und rechts, habe ich versucht, mit der Nutzung des vorhandenen Code: http://jsfiddle.net/pWUDJ/275/

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

});

mein Code - http://jsfiddle.net/millington/6v1fc7bj/

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

});

Bitte helfen Sie, wenn Sie können! : D

Answer 1

Try this:

$(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/1/

wenn in Pixel erforderlich

$(window).scroll(function() { 
var div_offset = $("#leftscr").offset().top; 
var window_scroll = $(window).scrollTop(); 
if(window_scroll < div_offset) { 
    $("div#l2").css({ 
     "left": window_scroll + "px" 
    }).text("left&right:"+window_scroll + "px"); 
    } 
}); 

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