Ultimate Page Scroller - Extension ***No longer supported***

madebyibloo · Post by **madebyibloo** » Wed Jun 01, 2011 11:42 am

Ultimate Page Scroller

Description
scroll a page to any location using bookmarks/anchors.

What does it do?
This extension will scroll to your bookmarks/anchors anywhere on your screen, vertically, horizontally and even diagonally!

Example
Create a page with height & width of 5000px and place bookmarks anywhere on the screen. Add some text and link to the bookmarks and watch it scroll to your destination.

How to use…
Drag and drop this extension. Add bookmarks to your page and link your text/images to that bookmark. Great for horizontal & vertical scrolling websites!

Download
Via: Extension Manager
Via: http://www.funky5.co.uk

UPDATE 21/03/2012
Added: Easing effect to the page scroller.
Added: Queue fx (use steps for diagonal scrolling)
Fixed: Easier selection choice for directional controls.
Fixed: Easier selection of Jquery usage.

UPDATE 26/03/2012
Fixed: Auto selection of Jquery usage.

UPDATE 27/06/2013
Added: Mouse Event (click/mouseover).
Added: jQuery version (select either 1.7.2/1.9.1/No jQuery)
Fixed: Now works with WB version 9.

UPDATE 20/04/2014
Fixed: Now works with WB version 9 (bugs fixed).

Credit goes to supersonictt for the 'queue fx' idea.

UPDATE: I'm no longer supporting any of my old extensions as most of my extensions can now be produced within the software itself. If you continue to use, please note that they are no longer supported and no reply will be posted by the author.

Cheers,
Scott

stamjoe · Post by **stamjoe** » Wed Jun 01, 2011 1:55 pm

Thanks Scott,
keep up the good work.
Cheers
Joe

madebyibloo · Post by **madebyibloo** » Wed Jun 01, 2011 6:40 pm

stamjoe wrote:Thanks Scott,
keep up the good work.
Cheers
Joe

Thanks Joe, please re-download this extension as ive updated with jquery and added more features in the properties section.

Cheers,
Scott

morgan · Post by **morgan** » Wed Jun 01, 2011 7:53 pm

Cheers

Looking forward to having a go with this one.

Dan

jordan · Post by **jordan** » Fri Jun 03, 2011 10:41 am

THX for your index update mail SUB, as always appreciated
nice new set of extensions .

.

madebyibloo · Post by **madebyibloo** » Fri Jun 03, 2011 10:45 am

jordan wrote:THX for your index update mail SUB, as always appreciated
nice new set of extensions . .

Thanks Jordan, I appreciate the time you put in to update the list

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Sat Jun 11, 2011 6:03 pm

gzagone wrote:How can I hide the scroll bars as like your site
http://www.ibloo.co.uk
THANKS A LOT

Page Properties > Misc > Advanced > overflow hidden

Cheers,
Scott

stamjoe · Post by **stamjoe** » Mon Jul 04, 2011 8:17 am

Hello Scott,
i have design a web site using the extension, in a monitor with resolution 1444 px. its fine
but in my other monitor 1280X1024 there is a big problem with it.

Please take a look at the http://www.pieriamare.gr
What can i do?
Thanks in advance
Joe

madebyibloo · Post by **madebyibloo** » Mon Jul 04, 2011 8:32 am

stamjoe wrote:Hello Scott,
i have design a web site using the extension, in a monitor with resolution 1444 px. its fine
but in my other monitor 1280X1024 there is a big problem with it.

Please take a look at the http://www.pieriamare.gr
What can i do?
Thanks in advance
Joe

Hi Joe, I noticed you are using other jquery in your code, have you tryed setting the 'jquery' to  in the extension properties incase there is a conflict?

lemme know how you get on.

Cheers,
Scott

stamjoe · Post by **stamjoe** » Mon Jul 04, 2011 8:42 am

Dear Scott,
i done it. At preview there is all fine. I upload it and there is the same problem again.

madebyibloo · Post by **madebyibloo** » Mon Jul 04, 2011 2:59 pm

stamjoe wrote:Dear Scott,
i done it. At preview there is all fine. I upload it and there is the same problem again.

hmmmm, it has something to do with when the page first loads in your code, could you please send me your source file to: info [at] ibloo co uk ,and ill take a look for you and send you back.

Cheers,
Scott

me.prosenjeet · Post by **me.prosenjeet** » Thu Jul 21, 2011 8:23 pm

Add a Live Demo of the extension please.

madebyibloo · Post by **madebyibloo** » Thu Jul 21, 2011 8:30 pm

cdrums wrote:Hi, im having problems installing this extension, Is this extension compatible for all WYSIWYG versions?

This extension is for WB7.

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Thu Jul 21, 2011 8:31 pm

me.prosenjeet wrote:Add a Live Demo of the extension please.

Hi me. Ill add one shortly, you can see it in action on http://www.ibloo.co.uk for the time being.

Cheers,
Scott

morgan · Post by **morgan** » Fri Jul 29, 2011 7:56 pm

Hi Scott

Not sure if you can help. I have put this site together http://www.m-o-r-g-a-n.co.uk/Emergency_Osteo and tried to get one of the smooth scroll extensions to work in Firefox. If you go http://www.m-o-r-g-a-n.co.uk/Emergency_ ... ments.html and click on (Repetitive Strain Injuries (RSI) it stops in the wrong place, this version is using Smooth Scroll 2. This link is using your extension http://www.m-o-r-g-a-n.co.uk/Emergency_ ... ments.html and gives the same result.

They both work a treat in IE and Chrome so I recon I must be doing something wrong. Any help greatly received.

Previous help see viewtopic.php?f=42&t=36348&start=15#p203137

Thanks Dan

PS Server seems very shaky so may not load. I will get on to the hosting company.

madebyibloo · Post by **madebyibloo** » Fri Jul 29, 2011 8:58 pm

Hey up Dan, hmmmm interesting, ill take a look at it for you, all i can tell you at the moment is already what you know, that its to do with the frame inside firefox html restrictions, it can be a funny bugger at times firefox but ill see if i can come up with a solution for ya

Cheers,
Scott

morgan · Post by **morgan** » Fri Jul 29, 2011 9:09 pm

Cheers, but don't hurry as I am off on holiday tomorrow for a week. I will keep intouch via my iPhone.

Regards Dan

madebyibloo · Post by **madebyibloo** » Fri Jul 29, 2011 10:21 pm

Hey again Dan, I cannot reproduce what yours is doing, My attempt works fine in firefox.......

Have a great Holiday, give us a shout when you back and i'll go through the tweaking with you to get it working on all browsers.

Cheers,
Scott

BaconFries · Post by **BaconFries** » Fri Jul 29, 2011 10:28 pm

Dan remeber the stick of rock and the postcard now

....have a great Holiday...

morgan · Post by **morgan** » Mon Aug 01, 2011 10:59 am

So as expected no phone signal at the holiday lodge, makes you feel totally out in the sticks.

morgan · Post by **morgan** » Sat Aug 06, 2011 12:59 pm

morgan wrote:Hi Scott

Not sure if you can help. I have put this site together http://www.m-o-r-g-a-n.co.uk/Emergency_Osteo and tried to get one of the smooth scroll extensions to work in Firefox. If you go http://www.m-o-r-g-a-n.co.uk/Emergency_ ... ments.html and click on (Repetitive Strain Injuries (RSI) it stops in the wrong place, this version is using Smooth Scroll 2. This link is using your extension http://www.m-o-r-g-a-n.co.uk/Emergency_ ... ments.html and gives the same result.

They both work a treat in IE and Chrome so I recon I must be doing something wrong. Any help greatly received.

Previous help see viewtopic.php?f=42&t=36348&start=15#p203137

Thanks Dan

PS Server seems very shaky so may not load. I will get on to the hosting company.

Hi Scott

I am back now and fully connected, so any help on this problem would be great.

Dan

madebyibloo · Post by **madebyibloo** » Sat Aug 13, 2011 9:41 am

Hey Dan, sorry forgot about this post, email me at my site and ill take a look for you if you're still struggling.

Cheers,
Scott

morgan · Post by **morgan** » Sun Aug 14, 2011 7:25 am

Big thanks to Scott as it's all sorted.

Anybody want to test it just to be sure, click on the panel to the right or go to the treatments page.

http://www.m-o-r-g-a-n.co.uk/Emergency_Osteo/index.html

Here is the solution

1 – No spaces allowed in ‘bookmarks’ names when using firefox. E.g. (not allowed = Repetitive Strain Injuries / allowed = RepetitiveStrainInjuries).

2 – When using Large blocks of text (like you’re block of text on the ‘ailments’ page), right click text and click properties, tick the ‘Optimize text for firefox/safari’.

3 – When using Large blocks of text, its best to hit ENTER after every line instead of allowing it to auto start a new line. (see below example).

4 – After you have done the above (No.3), highlight the text block and drag the right hand side middle dragger (like you would to stretch an image object to make it wider) and make sure there is a 1-2cm gap from the end of you’re text.

Text example (for Large text blocks):

This is a example test to(ENTER)
See if this thing works or(ENTER)
Or not.

madebyibloo · Post by **madebyibloo** » Sun Aug 14, 2011 12:07 pm

I'm still getting the same result in firefox, have you made all the changes yet Dan?

Cheers,
Scott

morgan · Post by **morgan** » Sun Aug 14, 2011 1:25 pm

Oh have you tried ctrl + F5

zinc · Post by **zinc** » Sun Aug 14, 2011 8:25 pm

Sorry to stick my nose in guys but Morgan how did you get those Bing maps in the format that you have on your client's site?

Apologies again for hijacking this thread with my unrelated query.

morgan · Post by **morgan** » Sun Aug 14, 2011 9:21 pm

I will give you all the details tomorrow, if poss can you check out the treatments page with Firefox. Its the scrolling section.

Thanks

morgan · Post by **morgan** » Sun Aug 14, 2011 10:03 pm

Ok so it's nearly tomorrow,

1 go to http://www.bing.com/maps
2 enter the postcode
3 click on share top right
4 click on Customise and preview
5 choose your option and generate code

There you go.

That is a first for me, helping the experts

zinc · Post by **zinc** » Mon Aug 15, 2011 6:06 am

morgan wrote:Ok so it's nearly tomorrow,

1 go to http://www.bing.com/maps
2 enter the postcode
3 click on share top right
4 click on Customise and preview
5 choose your option and generate code

There you go.

That is a first for me, helping the experts

Cheers Morgan;
As for your page scroll, it works for me on FF 6.0 however your back to top does not scroll. Am I understanding this right to be the problem? (I have not followed this thread fully)If you place your back to top within the page that is contained in the iFrame, it will scroll.

morgan · Post by **morgan** » Mon Aug 15, 2011 8:05 am

That sounds great but how do I do that, as you never stop in the same place where would you put the back to top button. At the moment it just refreshes the page.

zinc · Post by **zinc** » Mon Aug 15, 2011 12:32 pm

morgan wrote:That sounds great but how do I do that, as you never stop in the same place where would you put the back to top button. At the moment it just refreshes the page.

You need to add a "Back to the top" at the end of each paragraph. like this:

http://imageshack.us/photo/my-images/687/topuc.png

morgan · Post by **morgan** » Mon Aug 15, 2011 3:09 pm

Hi Bendigo
How does this look, it works ok in IE and Chrome but FF cant display the arrow symbol.

http://www.m-o-r-g-a-n.co.uk/Emergency_ ... ments.html

I have left the Back to top link in for now for any FF users.

Any help to sort this would be appreciated as I still have all the seo stuff to do.

Scott, I am sure all the bookmarks work ok now, your tweeks worked perfect.

Dan

zinc · Post by **zinc** » Mon Aug 15, 2011 6:54 pm

It work great. apart from the "e" with the accent on top. Try using the little bitmap. I was going to suggest using the marlett font but then again your mac people might not be able to see it correctly.

morgan · Post by **morgan** » Tue Aug 16, 2011 9:47 am

Sorry for going a little off topic but FF is a pain. A simple symbol can't be displayed.

BaconFries · Post by **BaconFries** » Tue Aug 16, 2011 9:54 am

Hi morgan if your needing to use accents in letters then you may need to use the unicode version of WB to achieve this and use Character set Unicode(UTF-8) for it to display correctly...before havig to try this with the unicode set the character set in WB to Unicode(UTF-8) and see if that helps....

morgan · Post by **morgan** » Tue Aug 16, 2011 11:04 am

Hi Calum

What I need is the arrow to work as it does in IE & Chrome.

BaconFries · Post by **BaconFries** » Tue Aug 16, 2011 11:20 am

Ah ok I see what your doing now Dan your are using a Wingdings for the arrow...unfortunately these are not supported by Firefox or Gecko browsers...you may have to use a small arrow image for this...

madebyibloo · Post by **madebyibloo** » Tue Aug 16, 2011 1:28 pm

bendigo wrote:
morgan wrote:That sounds great but how do I do that, as you never stop in the same place where would you put the back to top button. At the moment it just refreshes the page.
You need to add a "Back to the top" at the end of each paragraph. like this:

http://imageshack.us/photo/my-images/687/topuc.png

Exactly that! Hi and Cheers B

......Am back fom camping now, gonna sleep for 4 days after all the activity lol

Dan, Site works fine for me now in FF

Glad you got it sorted.

Cheers,
Scott

iamafireman · Post by **iamafireman** » Sun Sep 04, 2011 9:14 pm

Can this be used with an inline frame. Example you have your index page with navigation and inline frame. You have page2, which shows in frame, and you have your book marks on page 2.

mbrowne · Post by **mbrowne** » Wed Sep 07, 2011 8:29 pm

I see some reports of this one working with Iframes. Is there anything special that needs to be done? I've tried Menu Bar and Text Menu alongside the Iframe. The bookmarks come up fine, just no scrolling. Am I missing something obvious?

mbrowne · Post by **mbrowne** » Thu Sep 08, 2011 7:34 pm

mbrowne wrote:I see some reports of this one working with Iframes. Is there anything special that needs to be done? I've tried Menu Bar and Text Menu alongside the Iframe. The bookmarks come up fine, just no scrolling. Am I missing something obvious?

Hi mbrowne, I might guess that it runs into problems if you have the navigation on the main page with the Iframe rather than on the page you are loading into the I frame. But I don't know. Maybe someone else will chime in

zinc · Post by **zinc** » Wed Sep 14, 2011 12:37 pm

SUB I am not sure if you have come across this but UPS does not seem to work with the menu bar provided by WWB itself. Do you have any ideas?

madebyibloo · Post by **madebyibloo** » Thu Sep 15, 2011 6:29 pm

Hi BF, Hope your feeling better

Thanks for the heads up, ive taken a look and im using jquery-1.4.2.min in the extension but I cannot find what version the menu bar is using because all its outputting is jscookmenu.js.....ive try'd the other jquery built in extensions in wb and they seem to use what im using jquery-1.4.2.min.js so i cannot understand how come it does not read the js, even when its disabled.

Ive even try'd to insert the jquery into a seperate folder but that again does not work with the built in menu bar. I always tend to use the disable jquery in my extensions just incase there is any other jquery scripts active within code. so ive come up against a brick wall.

Whats your thought BF? im gonna keep looking at it....

Cheers,
Scott

BaconFries · Post by **BaconFries** » Thu Sep 15, 2011 7:06 pm

Hi Ok this is a bit of a puzzle

I have test one of my extensions that ues jQuery 1.4.2 along with the menubar and they both work together...

ok lets try this first, in the extension builder you can select to use jQuery... so lets remove the jQuery that the scroller script uses ie 1.4.2 and just use the jQuery from the extension builder. if that fails let me know and if you want to send on the extension and all it bits and bobs I will take a look and get back to you might take a day or two as I am trying to help out on another extension, but please try what I suggested....there may be another way round this it involves modifying the jQuery but we can try that later....

zinc · Post by **zinc** » Thu Sep 15, 2011 8:34 pm

I am sorry for causing a hassle guys !!!

madebyibloo · Post by **madebyibloo** » Thu Sep 15, 2011 8:39 pm

bendigo wrote:I am sorry for causing a hassle guys !!!

Nah its cool B, to be honest once I get to grips with the whole conflict thing i'll be able to release more stable releases.

Cheers,
Scott

zinc · Post by **zinc** » Thu Sep 15, 2011 8:51 pm

I have ditched the menu in favour of your scroller as it is more important to me.

jordan · Post by **jordan** » Thu Sep 15, 2011 10:22 pm

hi bendigo (SUB,BaconFries),

it won't work with the menubar because of the way jscookmenu.js is set up
the init. of the menubar structure occurs on page render, it dynamically construct a table upon a list structure (=cmDraw)
the <a> href value is taken from the list and instead opens with a window.open function
jQuery localscroll acts on the html <a> href, so … there is no href and therefore no scroll occurs
it's the same as using an event to request the scroll –- window.open('#bookmark1','_self') –- won't work either
actually after jscookmenu init. there is no reference of the menubar list structure at all ...

nothing unstable about your extension SUB ... jscook is just cooking his own menu .

.

morgan · Post by **morgan** » Wed Jan 25, 2012 1:33 pm

Hi Scott

Not sure if this is possible, I want to use the scroller with a fixed panel on the left. If you were to click say Home Networking on the blue panel it would scroll to the correct text on the right leaving the list where it is. I Hope this makes sence.

madebyibloo · Post by **madebyibloo** » Wed Jan 25, 2012 3:20 pm

Hi Morgan, Yes that is possible, its not part of the basic layer structure but there is a workaround, heres a few steps to get you going...

1) Create a Docking Layer, dock top, alignment:center and make the background transparent. Make sure the width is the same as your page width (in page properties) and that the height of the docking layer is high enough for your menu block to go in.
2) Insert a shape onto that layer followed by your text menu.
3) Create a Default Layer and place were you would like your content to be placed (to the right of your menu), make sure the default layer is 'on top' of the docking layer.
4) insert your bookmarks and the ultimate page scroller extension and insert your hyperlinks to match the bookmarks in your text menu.

Hope this helps, let me know how you get on...

Cheers,
Scott