2017-01-12 7 views
1

Как говорится в описаниях, я нашел много вещей о гладкой прокрутке и свойстве location на java-скрипте, но ничего не похоже на то, что Im ищет, что просто имитирует функцию html «а» тег (мне нужно НЕ использовать HTML ссылка тег для этого проекта)Перейти к ссылке привязки при событии click jquery

ответ

0

Для того, чтобы принять JQuery пользователя на другой URL, чем на странице (например, якорный тег) прикрепить window.location к событию.

Например, это:

$('#ClickMe').click(function(){ window.location = 'index.php'; }); 

Взял бы пользователю index.php, если он нажимает на элемент, который имеет идентификатор «ClickMe» (EG ...

+0

Ха, я неправильно понял вопрос. По какой-то причине я думал, что он имел в виду просто прыгать в тег имени на той же странице. –

1

JQuery путь:

$("body").scrollTop($("[name=elementname]").position().top) 

Это получает верхнюю часть имени элемента и устанавливает свитка верхнюю позицию в этом месте ,

Существует jquery plug in, который делает это эффективно, но если вы хотите придерживаться прямого javascript, вы можете просто использовать element.scrollTo, как описано в this previous answer;

Лучшая документация для этого можно найти на Mozilla's site. С javascript.

+0

Jquery будет намного больше удобно и T думаю, что использование «scrollTo» - это умный способ сделать это, как в подключаемом модуле, если нет другого способа сделать это, я думаю, что сделаю это так, но я надеялся, что будет другой путь, что-то вроде уже определенной функции, которая могла бы сделать трюк, может быть, функция goToURL(), но спасибо, это полезно, конечно, –

+0

Я добавил немного вкуса к ответу, используя пример. t в методе, но достаточно просто. –

2

Так что я получаю вы хотите, чтобы прокрутить вниз к элементу без использования HTML тега привязки Если я правильно Предполагая, что у вас есть HTML входного тег

<input type="button" id="top" value="button"/> 

этот сценарий будет делать работу

PS #bottom_id - это идентификатор элемента, который вы хотите прокрутить. или якорь ссылка:

<a href="#bottom" id="bottom_id"></a> 

сценарий:

$("#top").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#bottom_id").offset().top 
    }, 2000); 
}); 
Смежные вопросы