Difference between revisions of "Team:Aix-Marseille/JS 2015/automatic slide"

Line 17: Line 17:
 
  if ($target)
 
  if ($target)
 
  {
 
  {
−
var targetOffset = $target.offset().top;
+
var targetOffset = $target.offset().top - $("top_menu_14").height();
 +
console.log(targetOffset);
 
$(this).click(function()
 
$(this).click(function()
 
{
 
{
 
  $("#nav li a").removeClass("active");
 
  $("#nav li a").removeClass("active");
 
  $(this).addClass('active');
 
  $(this).addClass('active');
−
  $('html, body').animate({scrollTop: targetOffset - $("top_menu_14").height()}, 1000);
+
  $('html, body').animate({scrollTop: targetOffset }, 1000);
 
  return false;
 
  return false;
 
});
 
});
Line 43: Line 44:
 
  if ($target)
 
  if ($target)
 
  {
 
  {
−
    var targetOffset = $target.offset().top;
+
    var targetOffset = $target.offset().top - $("top_menu_14").height();
−
$(this).click(function()
+
console.log(targetOffset);
 +
$(this).click(function()
 
{
 
{
 
  $("#nav li a").removeClass("active");
 
  $("#nav li a").removeClass("active");
 
  $(this).addClass('active');
 
  $(this).addClass('active');
−
  $('html, body').animate({scrollTop: targetOffset - $("top_menu_14").height()}, 1000);
+
  $('html, body').animate({scrollTop: targetOffset}, 1000);
 
  return false;
 
  return false;
 
});
 
});

Revision as of 17:32, 26 July 2015

   var $targetId;

var $target;

$(document).ready(automatic_slide);

$(window).resize(update_prop);

function automatic_slide() { $('a[href*=#]').each(function() { if ( location.pathname.replace(/^\//,) == this.pathname.replace(/^\//,)) { this.hash.replace(/#/,) $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]'); $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; if ($target) { var targetOffset = $target.offset().top - $("top_menu_14").height(); console.log(targetOffset); $(this).click(function() { $("#nav li a").removeClass("active"); $(this).addClass('active'); $('html, body').animate({scrollTop: targetOffset }, 1000); return false; }); } } }); }

function update_prop() { $('a[href*=#]').unbind("click");

$('a[href*=#]').each(function() { if ( location.pathname.replace(/^\//,) == this.pathname.replace(/^\//,)) { this.hash.replace(/#/,) $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]'); $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;

if ($target) { var targetOffset = $target.offset().top - $("top_menu_14").height(); console.log(targetOffset); $(this).click(function() { $("#nav li a").removeClass("active"); $(this).addClass('active'); $('html, body').animate({scrollTop: targetOffset}, 1000); return false; }); } } }); }