Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
* * * * * 1 votes

How To Make An Item Scroll With You On The Page.


19 replies to this topic

#11 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 10 September 2008 - 07:00 AM

Code not working, please help
How To Make An Item Scroll With You On The Page.

Replying to oxida

The code is not working, as it is unable to find the div by GetElementbyID. It always return null. Can you please help

-reply by Manoj

#12 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 16 November 2008 - 10:35 PM

Hey oxida, great little script, thanks.

Just one thing, I would like to use this effect 2 times on the same page but when I try it does not seem to work, only one works and the other just stays still at top left of the page.

For example, I have your code working for the vertical google ads at right of the article at http://www.Tbsmagazi...-to-Malaga.Html but I would also like the TBS English-Speaking Services Guide to the right of the google ads to move with the page as well.

Any tips?

Saludos,
Jer...

-question by jeremy

#13 Variablez

    Member [Level 2]

  • Kontributors
  • PipPipPipPipPip
  • 87 posts

Posted 08 December 2008 - 12:06 PM

Woah! This is totally wicked! Thanks for sharing this! Im gonna use this for my site, now I know a way to make adverts AND text AND images scroll with the user! Its gonna be so annoying for them :) Thanks!

#14 veerumits

    Member [Level 1]

  • Kontributors
  • PipPipPipPip
  • 63 posts
  • Gender:Male
  • Location:Delhi
  • myCENT:67.96

Posted 08 December 2008 - 01:36 PM

Really your information produce here is very usefull.
can you please explain each and every term with details.
i need more information in this topic.
thanks


View Postoxida, on Jun 17 2008, 02:29 PM, said:

2 years ago I was looking for this to but then a friend and I made a script (he knew javascript).

First we made a div box:

<div id="floatdiv" style="   
    position:absolute;   
    width:200px;height:50px;left:0px;top:0px;   
    padding:16px;background:#FFFFFF;   
    border:2px solid #2266AA">   
!!CONENT HERE!!   
</div> 

Then after the div box code:

<script type="text/javascript"></script>  

The target_x and target_y variables represent the desired distance from the top left corner of the menu to the window borders.
Positive values mean distance from left and top border and negative - from right and bottom.

I hope this is wat you where looking fore. :)


Some parts of the code where note made by me or my friend, those where code snippets found on the web.




#15 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 05 August 2009 - 07:27 PM

Thanks a lot for this!How To Make An Item Scroll With You On The Page.Thanks dear! This tutorial really saved me alot! I've been searching for it on famous javascript sites but all in vein. Thanks again bro! Keep up the good work!-reply by Ahmad Mushtaq

#16 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 11 August 2009 - 01:26 PM

ie7 or ie8How To Make An Item Scroll With You On The Page.

Thanks [font=" Verdana,Arial,Calibri,Tahoma,Trebuchet,sans-serif,MS,Georgia,Courier,'Times New Roman',-webkit-fantasy; font-size: 13px; font-weight: bold"]etycto.[/font]

Your suggestion works very well on Safari (Mac and Windows XP and Windows 7) and also on Firefox (mac and PC) but not on IE7 in Windows XP nor IE8 in Windows 7.

For some unknown reason, the division is not correctly placed on page.

Any ideas? 

-reply by eddyk

#17 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 10 October 2009 - 09:17 PM

For the css method to work in internet explorer you need to define a doctype

http://www.W3schools...tag_DOCTYPE.Asp 

-reply by Chrykal

#18 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 04 November 2009 - 10:40 PM

Can you have two instances on a page?How To Make An Item Scroll With You On The Page.

Firstly, thank you for this code, it is just what I was looking for, as it can work with relative positioning to keep a div moving within another div.

Problem is, I am trying to use this code on a site with a menu on the left and one on the right, and I can't get both to scroll. Is there something in the script that prevents it working with 2 items on one page?

-question by f1end

#19 Erratic

    Newbie

  • Kontributors
  • Pip
  • 1 posts

Posted 18 May 2010 - 03:44 PM

[quote name='iGuest' date='05 November 2009 - 12:40 AM' timestamp='1257374413' post='464929']
Can you have two instances on a page?How To Make An Item Scroll With You On The Page.

Hi,

First of all thanks for the code ! I am a begginer and don't really understand but I used it and it works fine. The problem is when I scroll down and then stop somewhere the menu stops at the targetY: 90 position. I want the menu at targetY: 90 position when I load the page but when I scroll down I need it to stop at something like 20px off the top and then when I scroll to the top of the page the position to be 90 again . This is because I have a banner at the top of the page and when I scroll down the banner stays at the top and I don't need the menu at 90...
I hope you'll understand me beacuse it was hard for me to understand what I ment lol :)

Edited by Erratic, 18 May 2010 - 03:46 PM.


#20 Guest_sarah_*

  • Guests

Posted 07 March 2011 - 11:12 AM

Hi,

thanks for the code ! but i have failed to use this code. actually i just want to make scrolling text like here Link of My post
This post is too long and i want to limit the width and height of the text using scroll but it must be stylish and do not like scroll browser on the right. Anybody can help me, thank you




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users