PDA

View Full Version : Scrolling in



Iridium
05-23-2005, 06:10 PM
HI PEEPS!! How are you?

I have a question and I am sorry if I have it asked in the wrong forum.


Script: Site Logo
http://www.dynamicdrive.com/dynamicindex4/logo.htm, how does one get it to scroll in upward smoothly from the bottom?

For an example, check out this page: http://babyparenting.about.com/od/summerfun/ and scroll down. Watch the top image scroll in from the top.

jscheuer1
05-24-2005, 03:55 AM
Well, it depends upon what you mean by smoothly and how you want it to happen. The example page you give is not all that smooth in my browser and takes effect once you scroll down a certain amount. It should be possible to make the logo scroll up into view, but when? The logical times for this would be:

1) On page load, with or without a time delay

2) On first scrolling of the page

3) On reaching a certain amount of scroll (measured in pixels)

What exactly did you have in mind?

Iridium
05-24-2005, 05:34 AM
I kinda meant to have it scroll into view as the page gets scrolled.

Look here: http://homeschooling.about.com/od/holidays/ Then watch the top bar scroll in as you scroll up and down. It kinda comes in slowly

Whattya think about that?


Well, it depends upon what you mean by smoothly and how you want it to happen. The example page you give is not all that smooth in my browser and takes effect once you scroll down a certain amount. It should be possible to make the logo scroll up into view, but when? The logical times for this would be:

1) On page load, with or without a time delay

2) On first scrolling of the page

3) On reaching a certain amount of scroll (measured in pixels)

What exactly did you have in mind?

jscheuer1
05-24-2005, 06:09 AM
That's the same as your other example. Anyways, at what point in the scrolling do you want it to slide in from the bottom? 10 pixels, 100 pixels, what? I have actually just now been working on this. I have it sliding up from the bottom on load and am working on getting it to slide in on scroll, easy in IE. That still won't get it for what I think you are asking for. For that, I will need to trap the degree of scroll. Working on that now.

jscheuer1
05-24-2005, 06:51 AM
Hopefully this (logo.js) will work out for you, it is a substitute for staticlogo.js and has one added parameter to configure:

// 6) How far down the page must one scroll to start the effect?
var beginLogo=100

Tested here in IE6 and FF 1.0.4, with and without doctype. Attached as logo.zip

Iridium
05-24-2005, 02:30 PM
Woo hoo! I did it! check http://www.makeuptalk.com/index.php

First of all, I want to THANK you for taking the time to assist me. :D

BUT, this is really not acting the way I would like it to. I would really like it to not be so jumpy as a users scrolls up and down. I would like to to slide in after each scroll as per my example I showed above.

I really actually thought this was done in DHTML, but I could be wrong.

Can you make it have this type of behavior?

I have uploaded the ZIP file back so you can use my file with my settings


Hopefully this (logo.js) will work out for you, it is a substitute for staticlogo.js and has one added parameter to configure:

// 6) How far down the page must one scroll to start the effect?
var beginLogo=100

Tested here in IE6 and FF 1.0.4, with and without doctype. Attached as logo.zip

jscheuer1
05-25-2005, 08:20 AM
I found a script here on Dynamic Drive that has the kind of floating you say you want, less jerky. It is for a menu but can be adapted to a logo. The only trouble is that it only floats vertically, not horizontally. This means that if the page is resized or scrolled left to right, the logo will remain in place horizontally, becoming either invisible (out of the viewing area) or straying more towards the horizontal center of the page. Still working to adapt it but, it might be over my head. The script is:

http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

jscheuer1
05-25-2005, 11:31 AM
Got it, I think, try the attached . . .

Use:

<script src="jlogo.js" type="text/javascript"></script>

as the last thing before your </body> tag.

Iridium
05-27-2005, 06:54 PM
Got it, I think, try the attached . . .

Use:

<script src="jlogo.js" type="text/javascript"></script>

as the last thing before your </body> tag.
OH that is HOT! Thank you VERY VERY much for your help on this.