Javascript parameter help needed

Question

I've this function:

$(function() {
$(window).scroll(function(e) {
    var sl = $(this).scrollLeft();
    var lbl = $("#waypoints");
    if (sl > 0) {
        lbl.show('');
    }
    else {
        lbl.hide();
    }
    if (sl > 750) {
        lbl.html("<p>now passed 750</p>");
    }
    if (sl > 1000) {
        lbl.html("<p>now passed 1000</p>");
    }
});

});

Which work when i scroll the browser window. But I need to adjust it, so that it is set for a div (#main) which scrolls inside another div (.content) which has a fixed width and css overflow enabled.

I've tried $(#main).scroll(function(e) { no joy ...

thanks for reading, any help would be awesome.

Guess you are only missing apostrophes $('#main').scroll(... seems 2 b an easy fix. And also you can reorder it to this: if (sl > 1000) {...} else if (sl > 750) {...} to prevent that double overwritting ;-) — Stano
– Stano, Commented Sep 3, 2012 at 12:23

Mihai Iorga · Accepted Answer · 2012-09-03 12:32:47Z

1

Try to change to class:

$(function() {
    $('.content').scroll(function(e) {
        var sl = $(this).scrollLeft();
        var lbl = $("#waypoints");
        if (sl > 0) {
            lbl.show();
        }
        else {
            lbl.hide();
        }
        if (sl > 750) {
            lbl.html("<p>now passed 750</p>");
        }
        if (sl > 1000) {
            lbl.html("<p>now passed 1000</p>");
        }
    });
});

Here's a JSFiddle

answered Sep 3, 2012 at 12:32

Mihai Iorga

39.8k17 gold badges109 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

WTK · Accepted Answer · 2012-09-03 12:21:38Z

0

I don't see what's the problem here - it's working (I mean the scroll events are fired, as you can see by scrollLeft value that is changing) http://jsfiddle.net/DTKeX/2/

answered Sep 3, 2012 at 12:21

WTK

17.1k6 gold badges39 silver badges46 bronze badges

Collectives™ on Stack Overflow

Javascript parameter help needed

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related