Во-первых, ваш код не содержит contact div, он имеет contacts div!
В боковой панели у вас есть contact в div в нижней части страницы у вас есть contacts.Я удалил окончательный s для примера кода.(вы также неправильно написали идентификатор projectslink на боковой панели).
Во-вторых, взгляните на некоторые примеры для click на справочной странице jQuery.Вы должны использовать click like, object.click( function() { // Your code here } );, чтобы привязать обработчик события click к объекту .... Как в моем примере ниже.Кроме того, вы также можете просто инициировать щелчок по объекту, используя его без аргументов, например object.click().
В-третьих, scrollTo - это плагин в jQuery.Я не знаю, установлен ли у вас плагин.Вы не можете использовать scrollTo() без плагина.В этом случае требуемая функциональность составляет всего 2 строки кода, поэтому я не вижу смысла использовать плагин.
Хорошо, теперь перейдем к решению.
Код ниже будет прокручиватьсяна правильный div, если вы нажмете ссылку на боковой панели.Окно должно быть достаточно большим, чтобы можно было прокручивать:
// This is a functions that scrolls to #{blah}link
function goToByScroll(id) {
// Remove "link" from the ID
id = id.replace("link", "");
// Scroll
$('html,body').animate({
scrollTop: $("#" + id).offset().top
}, 'slow');
}
$("#sidebar > ul > li > a").click(function(e) {
// Prevent a page reload when a link is pressed
e.preventDefault();
// Call the scroll function
goToByScroll(this.id);
});
Живой пример
(Прокрутите до функции, взятой из здесь )
PS: Очевидно, у вас должна быть веская причина для того, чтобы идти по этому маршруту вместо использования якорных тегов <a href="#gohere">blah</a> ... <a name="gohere">blah title</a>