Comments on: The Tiny Scrolling

By: Bjørn Collin

Bjørn Collin — Thu, 26 Nov 2009 15:03:52 +0000

Hello again
No sweat, it’s fixed. The key to success seems to have been relative positioning of the scrolling element. Great script - cheers mate!

By: Bjørn Collin

Bjørn Collin — Tue, 17 Nov 2009 01:53:48 +0000

Hello Marco
Very nice and straight forward script. I used the thw.js version for a horizontal sliding site a few weeks ago and it worked like a charm right away in all my testing browsers. Now however I’m working on a site with vertical scroll and seem to have dificulties making the tinyscrolling.js function properly in FireFox: the sliding effect only seems to work when scrolling back to the starting point. I tried removing all other scripts linked to the site, but they don’t seem to be conflicting in any way. Any ideas?

By: Vero

Vero — Wed, 29 Apr 2009 18:19:16 +0000

thanks!!! (Muchas gracias)

Saludos =)

By: Wil

Wil — Tue, 03 Mar 2009 01:05:33 +0000

Hi, excellent script! However, is it possible to apply this script to a div instead of the body tag?

By: *Lush Life » ページスクロールをスムーズにしてみる

*Lush Life » ページスクロールをスムーズにしてみる — Wed, 03 Dec 2008 15:14:16 +0000

[…] tinyscrolling.js […]

By: Tiffany

Tiffany — Fri, 06 Jun 2008 06:06:00 +0000

It doesn’t seem to work with lightbox javascript.

By: The Tiny Scrolling(s) - from The Lab of the weblog Central Scrutinizer

The Tiny Scrolling(s) - from The Lab of the weblog Central Scrutinizer — Tue, 30 Oct 2007 21:54:01 +0000

[…] published on March 25, 2006 and March 31, 2006 Start with an example is the better way to begin a javascript technique post: […]

By: LM

LM — Sat, 05 May 2007 15:08:01 +0000

Hello,

First, great work! One question, using images in links, its doesn’t work?

thanks.

By: antis3ptick

antis3ptick — Sun, 18 Feb 2007 11:25:48 +0000

hello its awesome script but i want something. i dont want to use this for all internalinks. can i use only for menu internal links?

By: hazel

hazel — Fri, 26 Jan 2007 12:45:33 +0000

Thanks once again Marco ;-)

By: Bryan

Bryan — Fri, 26 Jan 2007 01:31:27 +0000

Hi Marco, thanks for the reply. I was hoping to use the getURL() function in flash but didn’t know how the code would be written, something like getURL(”javascript:myFunc(’param’);”);

How would this work?

By: Marco Rosella

Marco Rosella — Wed, 24 Jan 2007 10:02:40 +0000

@Luke: Hmmm, I haven’t tried with Iframe, because for accessibility is better don’t use them. You can try to use a div with position:fixed.

@Bryan:I don’t remember the Action Script’s functions for the scroll, but probably they could be use to build a similar script.

By: Bryan

Bryan — Wed, 24 Jan 2007 03:50:53 +0000

Hi, I love this script but was wondering if it can be used through a flash nav bar? I’d love any help and thoughts people could send my way. Thanks

By: Luke

Luke — Mon, 08 Jan 2007 21:33:25 +0000

Love this work - need a hand here. I am trying to use tiny horizontal scroller with left/right arrow images. I decided to create an Iframe at foot of page (over 50px content div border). With left & right arrow images in the new Iframe, I cant seem to get them to take effect on the main page above (the scrolling content) when rolled over. Here is what I have for the left arrow [ ] (without square brackets). Its obviously the wrong way to call up the scroll function but I know somehow it can be done and will then avoid the arrow flicker. Can you please infom me of the right way to do this - - Thanks.

By: Shaun

Shaun — Tue, 19 Dec 2006 00:20:29 +0000

For some reason when I use this script with tags within the anchor it randomly works. Is there anything I can do to fix this? the page DOES go right to the proper anchor but only randomly tinyscrolls

By: SigmaLab » Blog Archive » Tiny Scrolling

SigmaLab » Blog Archive » Tiny Scrolling — Wed, 29 Nov 2006 23:40:57 +0000

[…] Tiny Scrolling is a small script dedicated to support the navigation between the internal links and their destinations. It replace that annoying and confusing jump from various part of a page with a smooth scroll of the page itself. The user will never say: “Ehi, but where am I now?” but “Oh, thanks for accompany me there!”. Also if you go to the next article you’ll find a version for horizontal scrolling. script web2.0 […]

By: Marco Rosella

Marco Rosella — Mon, 27 Nov 2006 15:52:48 +0000

Hi! Yeah, there’s The Horizontal Tiny Scrolling for you. :-)

By: Henrik

Henrik — Fri, 17 Nov 2006 21:53:32 +0000

Hi Marco.

First of all I’d like to say, great work! Keep it up. Here comes the question. It is posible to make this script work with horizontal scrolling?

By: 滑ら�?��?�スクロール�?��?��?�らアンカー�?�移動�?�るスクリプト | Crara Blog

滑ら�?��?�スクロール�?��?��?�らアンカー�?�移動�?�るスクリプト | Crara Blog — Sun, 23 Jul 2006 14:05:33 +0000

[…] The Tiny Scrolling | Central Scrutinizer (en. vers.) […]

By: trebla

trebla — Tue, 04 Jul 2006 04:16:11 +0000

Hi Marco!

thanks for excelent code. I had just problem with links like:
a href=”#” onclick=”[some JavaScript]”

Your script rewrited present onclick!

I have fixed this on line #21

if ((lnk.href.substr(lnk.href.length-1,1)!=’#') ) && (lnk.href && lnk.href.indexOf(’#') != -1) && ….your code…

;-)

By: fathima

fathima — Sat, 01 Jul 2006 23:33:13 +0000

Hi!
First, thanks! This is an amazing piece of code. What I appreciate most is that I don’t need empty tags or, in fact, edit my HTML at all. More people should know about this.
I’ve already used the code on a couple of sites, but they’re not up yet. I just thought you should be aware that the scroll does funky things when used with divs that positioned absolutely. For instance, it’ll scroll up (to the top of the page) but just jump down like normal. That wasn’t a problem for me, but I thought it might be nice for other to know about it.
Thanks again!

By: Vanja Gavric

Vanja Gavric — Mon, 19 Jun 2006 20:13:17 +0000

Hi Marco!
I do understand principle of Windows platform in general is filling holes of swiss cheese, but still in the name of accessibility I will look into this problem.
Problem is that wherever I am setting up Windows machine, I recommend Kerio Firewall and now tiny scrolling is not working with it. It is far easier to fix problem with this js then installing another fw software on all computers :-)
We all know that IE is story for itself, but still we are making hacks so that our web can be display properly on IE. Only because Safari is not very popular (in world’s market meaning) it does not mean we should forget about it when coding the site.

Ok, to cut the “preaching”, I will let you know when/if I solve the problem.

By: willkoca » Archive » links for 2006-06-16

willkoca » Archive » links for 2006-06-16 — Sat, 17 Jun 2006 15:27:35 +0000

[…] The Tiny Scrolling | Central Scrutinizer (en. vers.) (tags: javascript webdesign) […]

By: Marco Rosella

Marco Rosella — Mon, 08 May 2006 09:59:09 +0000

Hi Vanja, I’ve never use this software so I didn’t know this problem.
Without a particular reason, however, this kind of security systems doesn’t like innocuous script like this: how many times have you ever had a page with two lines of js code blocked by the hateful IE’s Service Pack 2 yellow bar? :-)

By: Vanja Gavric

Vanja Gavric — Sat, 06 May 2006 01:12:45 +0000

Hi there!
I have been testing your script and it failed when Kerio Personal Firewall is turned on.
Since Kerio has pop-up blocker built in, it puts javascript code into every page and that seems to override tinyscrolling.
Any inputs?

By: Marco Rosella

Marco Rosella — Mon, 27 Mar 2006 18:03:51 +0000

Hi, I really appreciate your test about this point, a “problem” that I saw the other smooth scrolling techniques have too, and I think that’s not so immediate to solve. Navigation with back button doesn’t work because the final URI with “#something” is a sort of “fake”, because it’s write by the “location.hash” at the end of the third function.
For example, when you are in page “home.html” e click to go to “#section”, at the end of the scroll the section is at the top of the window and the uri is “home.html#section”, but it’s only, actually, the page “home.html” scroll down.
Without javascript (note: this script is degradable) , instead, “home.html#section” is a page different from “home.html”, so the browser can back in the right way.
Anyway, i don’t see this as a really big defect, because there are hovewer the links “back to top” to support in a good way the navigation. That, i remark, it’s not a complex navigation in a site, but in only one page.

By: ToastSpork

ToastSpork — Mon, 27 Mar 2006 14:50:27 +0000

Cool hack, but I seems like it doesn’t work with the back button. I From the top of the page, I clicked “How Does It Work?”, from there I clocked “forward” and got to the download section.

First click of back button did *nothing*. Second click jumped me back up to “How Does It Work?”. After that, there was no more history to click backward through.

I tried it on your other example page http://www.vlog.it/resources because it had more internal links, and I could build a longer history. It seems that the history is one click off from where it should be.

I opened a new browser tab, and browsed with the following history: {blank} -> Google -> http://www.vlog.it/resources (Top) -> Edit -> Top -> Upload -> Top -> Create

Then I clicked the back button to step backwards through the history: 1st click: (nothing) - 2nd Click: Top - 3: Upload - 4: Top - 5: Edit - 6th click: Google.

So the first click of the back button got me no movement, and then it skipped the very first history entry that should have pointed to http://www.vlog.it/resources (Top), and went right on to Google.

I know a lot of JavaScript-based clicking just ignores history/back, but I thought you might still want to know.