2013-09-17 6 views
0

Я использую местный свиток из http://demos.flesler.com/jquery/scrollTo/Невозможно перейти на новую страницу с помощью JQuery свиток

Теперь моя проблема, я должен перейти к новой HTML-страницы. Я попытался использовать test.html # section2, но он только прокручивается локально. Можете ли вы сказать мне, что я делаю неправильно

<script> 
$(document).ready(function() { 
$('#nav, #footer-nav').onePageNav({ 
    begin: function() { 
    console.log('start') 
    }, 
    end: function() { 
    console.log('stop') 
    }, 
    changeHash: true 
    }); 
    }); 
</script> 

enter image description here

Это мой сайт http://www.spheretekk.com/indus/ , если вы идете в раздел колонтитула и увидеть мой скриншот, где я сказал, что я хочу, чтобы открыть новую страницу и затем перейдите к указанному идентификатору.

мне удалось создать скрипку здесь оно
http://jsfiddle.net/U8v2y/

+0

Не могли бы вы рассказать о том, что вы ищете? –

+0

Сделайте демо на http://jsfiddle.net/. Также объясните подробнее об этой проблеме. –

ответ

1

Вы можете использовать функцию яваскрипта для прокрутки

В документе готовой функции получить идентификатор элемента по

$(document).ready(function() { 
    var hash = window.location.hash; 
    scrollme(hash); 
); 

Добавить эти функции к письму

function scrollme(id) 
{ 
    var scrollElem = scrollableElement('html', 'body'); 
    var targetOffset = $(id).offset().top; 
     $(scrollElem).animate({scrollTop: targetOffset-100}, 1000, function() { 

      }); 
} 
function scrollableElement(els) 
{ 
    for (var i = 0, argLength = arguments.length; i <argLength; i++) { 
     var el = arguments[i], 
      $scrollElement = $(el); 
     if ($scrollElement.scrollTop()> 0) { 
     return el; 
     } else { 
     $scrollElement.scrollTop(1); 
     var isScrollable = $scrollElement.scrollTop()> 0; 
     $scrollElement.scrollTop(0); 
     if (isScrollable) { 
      return el; 
     } 
     } 
    } 
    return []; 
} 
Смежные вопросы