My brain isn't working today! I need to replicate the pagination(?) type effect as seen on this site, http://www.rooster.co.uk/#pr-news

 

Really struggling with this now.

 

I've tried flexslider and while it kind of works, it has its flaws.

 

Suggestions, anyone?

The links just point to anchors in the page, sample code to unfrazzle your brain:

<ul>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
</ul>

<section id="services">
<h1>Services</h1>
</section>

<section id="about">
<h1>About</h1>
</section>

Sorry, I probably wasn't clear enough (it's been a long day!).

 

The anchors in the top nav aren't the issue, they're simple enough.

 

It's the actual scrolling through the news articles on the news section that is troubling me. It looks like some kind of pagination, but you're not actually leaving the page?

Content slider?

 

I like Slick

 

http://kenwheeler.github.io/slick/

Edited February 16, 201511 yr by cibgraphics

Ideally, not a plugin as I need to customise the links to open up in a reveal panel.

 

Edit: sorry, just re read that (told you I'm tired lol). I'll take a look at that first thing. Probably been overthinking it today...

 

Edited February 16, 201511 yr by roothost

Use something like https://github.com/kswedberg/jquery-smooth-scroll to get the smooth scrolling effect!

ok I am lost. What functionality are you talking about. Are you talking about a content slider (you mentioned flexslider, which is a content slider), or do you need a smooth scroll functionality?

Cib, you are correct. It is the slider that I was referring to.

 

As already mentioned, the scrolling to the anchors in page isn't a problem.

Edited February 16, 201511 yr by roothost

hehe I didn't see the slider on that page

Quick update: All seems to be playing nicely using Slick, so cheers for the heads up