Добавление триггера к кнопке

Question

Я пытаюсь установить триггер на кнопку, показанную здесь: http://jsfiddle.net/3gdc0ajs/4/ После нажатия кнопки страница «Домашняя страница» прокручивается из окна просмотра, а на странице «Прокрутка» прокручивается страница «О программе».

Я написал:

$('.cps-trigger').click(function() { 
    .animate('slow'); 
}); 

я застрял этот фрагмент кода в свой файл .js, между последним набором «});» и комментарий «end dot nav». В результате он полностью остановил навигацию по вертикальной точке, поэтому я удалил фрагмент. Я довольно плохо писал jquery, но я пытаюсь. Может кто-то осветить какой-то свет, почему мой фрагмент кода не работает?

Answer 1

Вам нужно будет написать функцию, которую будет вызывать в случае щелчка. Если событие click находится на привязном теге, вам необходимо будет предотвратить значение по умолчанию. Пример:

var scrollTo = function(id){ 

    // scroll to about section functionality 
    var scrollPos = $(id).offset().top; 
    $('html, body').animate({ scrollTop: scrollPos + 'px' }, 'slow'); 

}; 

// your click event 
$('.my-button').click(function(e){ 
    e.preventDefault(); 
    scrollTo('#about'); 
}); 

Answer 2

Вы плавающий вызов метода (я сделал этот термин до я думаю!).

.animate('slow'); 

Вы не уточняя объект для вызова метода на так ваш синтаксис недействителен. Если вы пытаетесь анимировать префикс кнопки с этим, то:

$(this).animate({ 
    // animation params 
    }, 'slow'); 

Если th at не объект, который вы пытаетесь оживить, чем вам нужно будет заменить его на фактический объект. В любом случае, вышеизложенное предотвратит нарушение остальной части вашего кода.

Answer 3

попробовать с помощью:

$('.cps-trigger').click(function() { 
     $(this).animate(
{scrollTop:posi}//or something else which you want for 
,'slow'); // use current object to animate 

    });