Jump to content


Photo
- - - - -
Resolved

Special Page Scrolling Effect With Jquery!

jquery scroll

  • Please log in to reply
8 replies to this topic

#1 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 05 November 2012 - 10:14 PM

Hello,
Recently I've found a tutorial that shows how to design a website with a really simple page scrolling effect using jquery.
I wonder if this can be used in pagelines to add some simple content inside a page. It would be really cool!
Please if you have some little time, visit the site of the tutorial, it is very short.

Please Login or Register to see this Hidden Content



Thanks a lot!

#2 James B

James B

    Advocate

  • Moderators
  • 4977 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 November 2012 - 04:03 AM

I'm not a developer, but looking at the code I can't see any reason why you wouldn't be able to achieve this. You'd probably need to find a way of working it into a hook (

Please Login or Register to see this Hidden Content

) or creating a child theme out of it (

Please Login or Register to see this Hidden Content

), as you wouldn't be able to edit/alter the core PL files. They've provided you with all the data, so it would just be putting it all together.

#3 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 06 November 2012 - 12:58 PM

thanks man, I'll see what i can do with all this.

#4 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 06 November 2012 - 06:20 PM

Sounds good! Please let us know if you consider this topic resolved.

#5 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 07 November 2012 - 02:45 PM

I think it is closed.
Thanks!

#6 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 07 November 2012 - 03:39 PM

One last question related to this, i don't know how to use the hooks, where should i put the jquery code?

this is the code:

$(".link").click(function(){
var page = $(this).attr("id");
var color = $(this).attr("class");
color = color.substr(5,6);
$('#all_pages').animate({left: (page-1)*(-1000) });
$("body").animate({backgroundColor: '#'+color});
$("#menu ul li").removeClass('active');
$(this).addClass('active');
});

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 November 2012 - 11:32 PM

I don't know jquery code, but I think it should be wrapped in something like this example:

Please Login or Register to see this Hidden Content


If your code has the <script> wrap, then you can go to Dashboard > PageLines > Site Options > Custom Code and paste the full code into the Header Scripts section. Broken code however, will likely cause problems for your site, so make sure it's the correct, valid code.

#8 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 07 November 2012 - 11:47 PM

Thanks, i have just realized that error!
the topic should be closed now.
thaks again to all of the team.

#9 James B

James B

    Advocate

  • Moderators
  • 4977 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 08 November 2012 - 01:33 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, jquery, scroll