2015-02-06 2 views
1

Я создаю сайт с одной страницей, и divs настроены на горизонтальное перемещение, используя jQuery и CSS.внешняя ссылка на div на одной странице сайта начальной загрузки

ссылка на сайт http://97squared.co.uk/starstruck-roadshow.co.uk/

проблема у меня есть, что я хочу, чтобы иметь возможность ссылки на разделы сайта (блога и т.д.) из внешних источников. В настоящее время дивы приводятся в окно браузера, вызвав идентификатор DIV в HREF, например

<a href='#about-us' class=scrollitem'>About Us</a>

но если я пытаюсь получить доступ к этому DIV с внешней ссылкой, например

http://http://97squared.co.uk/starstruck-roadshow.co.uk/#about-us 

или

http://97squared.co.uk/starstruck-roadshow.co.uk/index.php#about-us 

он не принимает меня к соответствующему DIV на странице.

Если кто-нибудь имеет какие-либо идеи, как я могу обойти это с помощью .htaccess перезаписи или JQuery перенаправляет то пожалуйста, помогите, я рву на себе волосы

+0

вы должны (по нагрузке) проверить на наличие значения хэша и вызвать прокрутки/анимацию в соответствующей точке – atmd

ответ

1

Попробуйте

$(window).load(function(){ 
    var hash = window.location.hash; 
    $('html, body').animate({ 
     scrollTop: $(hash).offset().top 
    }, 2000); 
}); 
+0

ни в том, что не будет работать, как мои страницы скользить в горизонтальном направлении не вверх. –

0

ОК понял это с помощь от других здесь

Я использовал @pattie var hash = window.location.hash; и смешанный с моим кодом заставил его работать.

 var hash = window.location.hash;  
     var sildeNum = $('.page').length, 
      wrapperWidth = 100 * sildeNum, 
      slideWidth = 100/sildeNum; 
     $('.wrapper').width(wrapperWidth + '%'); 
     $('.page').width(slideWidth + '%'); 
     var slideNumber = $(hash).index('.page'),   
      margin = slideNumber * -100 + '%'; 
     $('.wrapper').animate({marginLeft: margin},500);      
     return false; 
Смежные вопросы