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

morgan · Post by **morgan** » Wed Jan 25, 2012 3:29 pm

Thanks mate, will be in touch in a couple of days..

supersonictt · Post by **supersonictt** » Sun Feb 26, 2012 10:14 pm

SUB wrote: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

@SUB

Thanks for this workaround, but I am still not sure I got you right...

Let me make it simple, if I have a menu on the left of 3 text items (Pane 1, Panel 2, and Panel 3), and on the right where the panel is contains three description text items (description of panel 1, description of panel 2, description of panel 3).
Now, I followed your instructions, until step 4. Where do I place the "description" text items?

By the way I found this:
http://demos.flesler.com/jquery/localScroll/#section1
I guess this is what I need, but am not sure how to do it with your extension.

Thanks a lot.

madebyibloo · Post by **madebyibloo** » Tue Feb 28, 2012 10:25 am

Hi, i'm not really sure what you mean......do you mean the menu text?

Step 4 is the 'menu text' to link your text to your anchors/bookmarks via the text properties

Cheers,
Scott

supersonictt · Post by **supersonictt** » Tue Feb 28, 2012 9:23 pm

SUB wrote:Hi, i'm not really sure what you mean......do you mean the menu text?

Step 4 is the 'menu text' to link your text to your anchors/bookmarks via the text properties

Cheers,
Scott

SUB, thanks a lot for replying back.

Well, I opened a new page (index.html) of 1000 px width, then i placed a docking layer of 1000 px width and 300 px height, docking top with centre alignment. Then I placed a rectangle of 150 px width and 250 px height inside the docking panel, and a "text menu" inside this shape.
After that I placed a default layer inside the docking layer, on the right of that rectangle shape and on top of the docking layer.
Now, my question is, before I assign the bookmarks, where do I place the text that will slide inside the default panel?

Thanks.

madebyibloo · Post by **madebyibloo** » Wed Feb 29, 2012 5:59 pm

Hi,

Place your text (sliding content) on the default panel as in step 3.

Make sure your 'default layer' is overlapping the 'docking layer' and not inside.

Hope this helps,

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Feb 29, 2012 6:09 pm

Hello,

Thanks again for helping me out.
If in the text menu I have 3 links (red, blue, green), how do I place the description text in the default layer? I mean, under each other? or next to each other!!
Sorry but am still a bit confused!

madebyibloo · Post by **madebyibloo** » Wed Feb 29, 2012 6:19 pm

Hi,

The steps I gave was for a vertical scrolling page as Morgan requesting help with...

Place your 'description text' inside the 'default layer' underneath each other.
add your bookmarks (inside the default layer) to the start of each of the 'description text'
then link your menu to the bookmarks/anchors you have just placed.

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Feb 29, 2012 6:22 pm

SUB wrote:Hi,

The steps I gave was for a vertical scrolling page as Morgan requesting help with...

Place your 'description text' inside the 'default layer' underneath each other.
add your bookmarks (inside the default layer) to the start of each of the 'description text'
then link your menu to the bookmarks/anchors you have just placed.

Sorry for being a headache! And thanks a lot for this tip, I will try it and report back

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Wed Feb 29, 2012 6:28 pm

No problem.....and...your not a headache

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Feb 29, 2012 6:32 pm

SUB wrote:No problem.....and...your not a headache

Thank you by the way your websites are amazing

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Feb 29, 2012 6:48 pm

Still no luck making that work!!
Anyways man do not bother...

Cheers

madebyibloo · Post by **madebyibloo** » Wed Feb 29, 2012 6:53 pm

supersonictt wrote:Still no luck making that work!!
Anyways man do not bother...

Cheers

Post your .wbs file and ill take a look for you.

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Feb 29, 2012 6:59 pm

Here it is...

Thanks a lot man

madebyibloo · Post by **madebyibloo** » Thu Mar 01, 2012 10:10 am

Hi, a couple of things to take note...

Your page was not centered in page properties, therefore the 'default layer' was not in place because of the centered 'docked layer'.

Your 'default layer' was inside of your 'docked layer' and not overlapping making it not funcional.

Cheers,
Scott

supersonictt · Post by **supersonictt** » Thu Mar 01, 2012 1:26 pm

SUB,
Thanks a lot man, now I got it right

Thanks a lot

madebyibloo · Post by **madebyibloo** » Thu Mar 01, 2012 1:30 pm

supersonictt wrote:SUB,
Thanks a lot man, now I got it right

Thanks a lot

Glad you got it to work

......no problem

Cheers,
Scott

Adendum · Post by **Adendum** » Tue Mar 20, 2012 4:37 pm

Hi Sub,

I've been experimenting with your extension but I'm wondering if somehow I have an older version? Extension Manager is showing 1.0.0.0 but this thread does say (UPDATED) so I'm guessing I do need the later version.

I've found that IE doesn't like the code :-

Code: Select all

<script type="text/javascript" src="<!-- Do Not Use JQuery-->"></script>

but with the new version of Extension Builder you can eliminate that easily....but maybe the newer version already has?

madebyibloo · Post by **madebyibloo** » Tue Mar 20, 2012 5:04 pm

Adendum wrote:Hi Sub,

I've been experimenting with your extension but I'm wondering if somehow I have an older version? Extension Manager is showing 1.0.0.0 but this thread does say (UPDATED) so I'm guessing I do need the later version.

I've found that IE doesn't like the code :-
Code: Select all
<script type="text/javascript" src=""></script>
but with the new version of Extension Builder you can eliminate that easily....but maybe the newer version already has?

Hi Paul! I've removed the UPDATE status from the topic as it was a while ago when it was updated.

I'm going to be updating all my extensions along with some new ones to extension builder 3 in the coming weeks so i'll keep you posted and sure i'll take a look at fixing up the jQuery issue select in all the extensions. EB3 is awesome by the way, great work on that Pablo!

Hope your well,

Cheers,
Scott

Adendum · Post by **Adendum** » Tue Mar 20, 2012 6:58 pm

Scott,

OK, thanks for that. I look forward to hearing from you.

supersonictt · Post by **supersonictt** » Tue Mar 20, 2012 8:41 pm

Hello SUB,

It is great that you are going to update the extension.
One suggestion (I guess it is easy to implement); would it be possible to add the "queue" option?
Thank you.

madebyibloo · Post by **madebyibloo** » Wed Mar 21, 2012 12:18 am

supersonictt wrote:Hello SUB,

It is great that you are going to update the extension.
One suggestion (I guess it is easy to implement); would it be possible to add the "queue" option?
Thank you.

Hi TT, are you referring to the jquery queue fx? as in a kind of slideshow approach? I think that would take away what the extensions purpose is and would become more of a slideshow rather than a scroller, let me know your thoughts, all your thoughts are taken in

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Mar 21, 2012 1:16 am

SUB wrote:
supersonictt wrote:Hello SUB,

It is great that you are going to update the extension.
One suggestion (I guess it is easy to implement); would it be possible to add the "queue" option?
Thank you.
Hi TT, are you referring to the jquery queue fx? as in a kind of slideshow approach? I think that would take away what the extensions purpose is and would become more of a slideshow rather than a scroller, let me know your thoughts, all your thoughts are taken in

Cheers,
Scott

Thanks a lot SUB

Well yes, I mean the jquery queue fx. In other words, instead of scrolling diagonally, scrolling x then y or vice versa would be a good "extra" option for the users to have.
I am currently building a template for a customer, I used your extension FULLY, and looks lovely, and I added the "queue" option in the generated html file.

So, if you are free to do that I (and I guess other users of your extension) would really appreciate your great work (well, that doesn't mean I currently do not appreciate your work, you are amazing man

)
If not, I can just provide the code here for the ones who would like to use it

Thanks a million man

madebyibloo · Post by **madebyibloo** » Wed Mar 21, 2012 1:25 am

Thanks TT! yeh that sounds rather good to me, i'm not too familiar with the queue fx, i've just been looking it up but i'm half asleep as its late

If you could post the code that would be great as i will implement it and it would save me a hell of alot of time so thanks!, I should have the new version complete in the next couple of days with some extra features too

Cheers,
Scott

supersonictt · Post by **supersonictt** » Wed Mar 21, 2012 2:10 am

SUB wrote:Thanks TT! yeh that sounds rather good to me, i'm not too familiar with the queue fx, i've just been looking it up but i'm half asleep as its late

If you could post the code that would be great as i will implement it and it would save me a hell of alot of time so thanks!, I should have the new version complete in the next couple of days with some extra features too

Cheers,
Scott

Hello Scott,
Thanks a lot for taking this into consideration

The code generated by your extension is this:

Code: Select all

<script type="text/javascript">
$(function($) {
 $.localScroll.defaults.axis = 'xy';
 $.localScroll({
  duration: 750,
  hash: false });
 });
</script>

Now all I did is to add this extra code between "duration" and "hash":

Code: Select all

queue: true,

So in the end, it should look like this:

Code: Select all

<script type="text/javascript">
$(function($) {
 $.localScroll.defaults.axis = 'xy';
 $.localScroll({
  duration: 750,
  queue: true,
  hash: false });
 });
</script>

Please note that there is another option to be added in the extension, which should be in the "Direction"; the extra option should be "yx", so there are four options; "x", "y", "xy" and "yx" because the queue effect depends on how you set the directions to be executed. "XY" will scroll horizontally first then vertically, whereas "YX" will scroll vertically and then horizontally.

I am ready to help with whatever you need, just let me know

Thank you so much.

madebyibloo · Post by **madebyibloo** » Wed Mar 21, 2012 2:21 am

Thanks alot TT! ill get it all sorted tomorrow

Appreciate your input

Cheers,
Scott

zinc · Post by **zinc** » Wed Mar 21, 2012 10:20 am

Hi Scott, while we are on the subject of UPS, any news on the issue with the iphone/ipad?

madebyibloo · Post by **madebyibloo** » Wed Mar 21, 2012 10:25 am

bendigo wrote:Hi Scott, while we are on the subject of UPS, any news on the issue with the iphone/ipad?

Hi B! I've just been updating the scroller and that is the next thing on my list i'm going to be testing, i'll keep you posted

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Wed Mar 21, 2012 1:34 pm

Hi guys, updated the Ultimate Page Scroller - Please see first post

Let me know what you think.

@B....I'm still looking into the iphone issue, not try'd this new version with one as yet, i'll keep you posted.

Cheers,
Scott

Adendum · Post by **Adendum** » Wed Mar 21, 2012 3:32 pm

Scott,

Nice one. Thanks for the speedy update!

Don't forget to update the main extension site too.

zinc · Post by **zinc** » Wed Mar 21, 2012 5:18 pm

Cheers SUB. Just downloaded your latest version.

supersonictt · Post by **supersonictt** » Wed Mar 21, 2012 10:05 pm

SUB, thanks a lot for this great update, working like a charm

madebyibloo · Post by **madebyibloo** » Wed Mar 21, 2012 10:12 pm

Thanks Paul, Bendigo and TT, glad you like it......and thanks guys for all the input

Cheers,
Scott

jordan · Post by **jordan** » Fri Mar 23, 2012 12:53 am

TNX for the extra info mail Scott, appreciated!

madebyibloo · Post by **madebyibloo** » Fri Mar 23, 2012 4:45 am

Thanks Jordan!

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Mon Mar 26, 2012 2:36 pm

Updated

Fixed: Auto selection of Jquery usage.

Please see first post.

Cheers,
Scott

supersonictt · Post by **supersonictt** » Mon Mar 26, 2012 7:28 pm

[SUB]

Thanks a lot for the update

I don't want to consume your time, but I have something (off topic) to ask you if you don't mind.
If you have the time for that, please choose the way you would like me to contact you.

Thanks a lot again

madebyibloo · Post by **madebyibloo** » Mon Mar 26, 2012 7:33 pm

supersonictt wrote:[SUB]

Thanks a lot for the update
I don't want to consume your time, but I have something (off topic) to ask you if you don't mind.
If you have the time for that, please choose the way you would like me to contact you.

Thanks a lot again

Sure no problem! email me at my ibloo.co.uk website

Cheers,
Scott

supersonictt · Post by **supersonictt** » Mon Mar 26, 2012 7:52 pm

Thank you [SUB]. Email has been sent

supersonictt · Post by **supersonictt** » Fri Mar 30, 2012 8:13 pm

Hello [SUB]

Please have a look at this website:

www.kayanwebdesign.com

I believe it was made using scrolling vertically in the page.

I have a question here, if you click on "Who We Are", the page scrolls up (or down) and when you reach there the words "Who We Are" appears. Is that done using timed events?

Thanks.

madebyibloo · Post by **madebyibloo** » Fri Mar 30, 2012 11:33 pm

Hi TT! yes thats correct, you can achieve this effect with custom timed events and the page scroller. There is obviously some kind of delay effect for this too!

Cheers,
Scott

supersonictt · Post by **supersonictt** » Fri Mar 30, 2012 11:56 pm

Hello SUB, Thanks a lot for the reply.
Actually I tried it but am still struggling

it is time for bed now so I will try it out tomorrow

Thanks a lot for being there

supersonictt · Post by **supersonictt** » Mon Apr 02, 2012 11:15 pm

SUB wrote:Hi TT! yes thats correct, you can achieve this effect with custom timed events and the page scroller. There is obviously some kind of delay effect for this too!

Cheers,
Scott

Hello SUB,

I believe that there is something with the pixels scrolled, right?
I mean, once you click other menu item, the current text disappears and when it scrolls up or down to the new item, the text fades in after a delay.
Is it possible to provide a simple example in WWB? If you are free for that of course

I searched google for that thing but can't seem to search for the right words!

Thanks a lot.

zinc · Post by **zinc** » Sat Apr 14, 2012 3:31 pm

Hey Scott any news/updates on the issue with iPhone and anchors?

madebyibloo · Post by **madebyibloo** » Sat Apr 14, 2012 4:48 pm

bendigo wrote:Hey Scott any news/updates on the issue with iPhone and anchors?

Hi B! not had chance to look yet B, i've read that the scrollto plugin is fragile with portable devices so I think the way to go about it is to use the .animate function within jquery, ill keep you posted B

Cheers,
Scott

zinc · Post by **zinc** » Mon May 21, 2012 7:26 am

Webbuilder8.1 wrote:Does anyone know if this works with a layer?

Use this

viewtopic.php?f=42&t=45904

madebyibloo · Post by **madebyibloo** » Wed May 30, 2012 11:36 am

cp.abel.leon wrote:Hi Sub,
How can I use this extension horizontally and view centered, like this http://www.dienso.com

I can do it for one resolution for example 1600 x 900, but it's not rigth for any other resolution.

Thanks for advance.
(sorry for my english )

Hi, i'm not sure this can be done easily without any custom coding, its standard html. With it being horizontal, browsers read it just like as if it would be vertical (starting from the top of page but in this case, staring from the very left hand side).

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Wed Jun 27, 2012 4:52 pm

IeMS wrote:Sub @ ibloo - If this question has already been asked forgive me as there are 9 pages of comments to read through. I am curious if this works with all resolutions? IE - the resolution on my computer is 1600x900 widescreen. Should I set the paginate to horizontal, and someone with a 19" or even 17" screen views the website, will the bookparks be off? Or is that the purpose of this extension - to avoid this possible issue? Just curious. Thank you for your time.

I love your wesite btw. Very cool.

Hi Rob! Thanks for your kind words!

My personal opinion on what your requiring is this...

I would create your layout with a width area of 1920px..

Basically like this:

1) Page width (in properties): 7680 (this will cater for 4 pages)
2) Place the first bookmark at the far top-left hand side, then go across the width to 1920 and place another bookmark and so on
3) Basically what this will do is, users who have a resolution of 1920x1080 on a large monitor will not see the content on screen from the second page/second bookmark
4) Always aim to build the page content with around 970px width (place a shape object with 970px at the top point of your bookmaks so you know your workspace)
5) and...dont forget to set the overflow-x to hidden in the page properties under misc to give it that x-factor

ps. yes set the direction to: horizontal in the UPS extension properties.

Hope this helps,

Cheers,
Scott

madebyibloo · Post by **madebyibloo** » Thu Jun 28, 2012 1:41 pm

IeMS wrote:Scott,

Thank you for this information. I will give it a try. Can you tell me what the visitor experience will be if they have a more narrow screen - like a 19" or 17"? Smaller resolution?

Also, what are you recommendations for vertical scrolling?

Building sites at 970 width (centered) is the first thing that I learned using this software. That is what my site is set to and it fits nicely in smartphones (landscape).

"and...dont forget to set the overflow-x to hidden in the page properties under misc to give it that x-factor" - what does this do?

Thank you again.

Hi Rob,

There will be no difference really in what resolution the user uses, the only difference would be the amount of time it scrolls but if you set it pretty quick, lets say 800 all should be fine.

you're spot on with the 970px

The overflow-x set to hidden - this will make the scrollbars across the bottom (of a horizontal scrolling website) dissapear, giving a more pro aproach to this style of website.

As for a vertical scrolling website - This is standard procedure really, it just depends on your style/taste, i would normally keep a work area content of around 500px-600px vertically.

Hope this helps,

Cheers,
Scott

tsunamitommy · Post by **tsunamitommy** » Mon Aug 13, 2012 1:21 pm

I was wondering how to use this extension without having horizontal scroll bars in the browser. Thanks

madebyibloo · Post by **madebyibloo** » Mon Aug 13, 2012 1:38 pm

tsunamitommy wrote:I was wondering how to use this extension without having horizontal scroll bars in the browser. Thanks

Read the post above

Cheers,
Scott