2015-08-18 2 views
1

Я уже создал #scrolldownbutton для прокрутки к первому компоненту, но то, что я изначально пытаюсь сделать, - это когда кнопка нажата на прокрутку страницы в окне просмотра и останавливается на частично видимом компоненте на нижней части порта представления, в которой кнопка должна появляться в верхней части видимого компонента и нижней части окна просмотра каждый раз, когда нажимается кнопка.Прокрутить вниз кнопку

Вот что у меня есть до сих пор. Если бы кто-нибудь мог помочь, это было бы удивительно.

$(document).ready(function() { 

    $("#scrollmorebutton").on("click", function() { 

     console.log("scrollmorebutton was clicked"); 

    //jquery smooth scroll code here 

     $('html, body').animate({ 

     scrollTop: $("h2:contains('New Programs')").offset().top 

     }, 2000); 

    }); 

}); 
+0

Вы пытаетесь иметь * прыжок {имя} ДИВ * особенность? – Script47

+0

Если это работает, я никогда не использовал прыжок в функцию {div name}, это все новое для меня – Code4life

+0

Я отправлю ответ утром. Я сейчас нахожусь на своем мобильном телефоне. Просто заметьте, мое решение не будет содержать JavaScript. – Script47

ответ

1

Не может быть ничего похожего на то, о чем вы просите, поскольку я не совсем уверен, что понимаю. Но вот скрипку с некоторыми example code

https://jsfiddle.net/cf3q2zo9/

+0

Да, но кнопка должна отображаться на следующем компоненте, чтобы он мог перейти к следующему. – Code4life

+0

@ Code4life Можете ли вы не просто добавить больше кнопок? – Jay

+0

Я использую спрайт для кнопки – Code4life

Смежные вопросы