Help pls

[Vanish]

Can someone go to rscreativeboutique.com and tell me how do i do the Buttons thing where whenever i click a button, About button let's say, It changes to rscreativeboutique.com/about.html but stays on the same page.

 

[BIOS]

It can be achieved with multiple languages, is there any specific way you are trying to achieve this or?

 

[Vanish]

It can be achieved with multiple languages, is there any specific way you are trying to achieve this or?

Nope, any language works.

 

[TesoMayn]

It doesn't change pages, it scrolls down to the div

The nav:

<a class="jumper" href="#whatever" data-soffset="0">Whatever</a>

The content:

<section id="whatever">blah blah blah</section>

The JavaScript:

$(document).ready(function() {
  $(".jumper").click(function() {
    var ScrollOffset = $(this).attr('data-soffset');
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top-ScrollOffset + "px"
    }, {
      duration: 1500,
      easing: "swing"
    });
      return false;
  });
});

 

[BIOS]

You could do something along the lines of this with PHP:

Index.php:
<?php
$page = /*validation stuff*/$_GET['page'];

if(isset($page)){
include 'pages/'.$page.'.html';
}else{
include 'pages/welcome.html';
}
?>

 

[Vanish]

It doesn't change pages, it scrolls down to the div

The nav:

<a class="jumper" href="#whatever" data-soffset="0">Whatever</a>

The content:

<section id="whatever">blah blah blah</section>

The JavaScript:

$(document).ready(function() {
  $(".jumper").click(function() {
    var ScrollOffset = $(this).attr('data-soffset');
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top-ScrollOffset + "px"
    }, {
      duration: 1500,
      easing: "swing"
    });
      return false;
  });
});

Thanks for your time Teso. It worked.