- Create Account

Paging triggered by scroll position

Forums > DHTML Scroller > Paging triggered by scroll position
Author
Message

1) mplungjan Group: Members
Posts: 2 Joined: 18 Mar 2008 Location: IP: 145.64.--.--
Hi,

I like your scroller very much since it also supports the mouse wheel.
On FF the history does not seem to work - at least not with your readme file..., but nevemind.

My question: I would like to have 3 objects in the content area.
When the page loads, the first object is loaded, when scrolling down to the end of the first object, I would like to load object 2, when scrolling to the end of object 2 I want to UNLOAD object 1 and load object 3.
Scrolling past object3, I would like to DELETE object 1, INSERT and show object 4

All this should take place without the thumb of the scroller being affected

When scrolling back, I want to reverse the function - e.g. DELETE object4 when no longer visible and INSERT object1 when reaching far enough up.

Is this feasible with your scroller?

Thanks

Michel

2) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 118.92.--.--
That sounds complicated enough that you might as well write a wholly separate script!

I wouldn't really advise using this script these days, use native browser scrolling and layer your object show/hide approach on top of that.

- Angus.

3) mplungjan Group: Members
Posts: 2 Joined: 18 Mar 2008 Location: IP: 145.64.--.--
Thanks - do you have a suggestion as to how to handle the whereabouts of the scrollbar? I mean with your script it would be possible to show the thumb futher down than the page was physically - that was the main obstacle unless I KEEP empty objects on the page (completely possible scenario of course...)

4) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 118.92.--.--
To be honest, it's past midnight here, I've been at work for 15 hours today and I don't quite grasp your design idea in my sleep addled state ;).

You  can either keep am empty object on the page by setting visibility:hidden in its CSS, or hide it completely with display:none. Pick one approach, whichever works, and go with that. Not sure I can help you much more than that for free!

- Angus.

Post a Reply:

You are not logged in, and will be posting anonymously as a guest. If you want to post using an account, please login at the top of this page.