Попытка прокрутки до div и semanticUI мешает? - PullRequest
Новая
       12

Попытка прокрутки до div и semanticUI мешает?

0 голосов
/ 16 января 2019

Я пытаюсь реализовать простую прокрутку для div, когда я нажимаю кнопку. Я использую этот подход - https://codepen.io/anon/pen/KbEQVv

$(document).ready(function () {
   $('div.top').click(function() {
   $('html, body').animate({
       scrollTop: $("div.bottom").offset().top
     }, 1000)
  })
});

Однако я обнаружил, что SemanticUI мешает этому. Я знаю, что SemanticUI является проблемой, потому что, когда я не использую его, он работает. Когда я использую SemanticUI, если я нажимаю кнопку еще раз, когда страница прокручивается наполовину, страница начинает прокручиваться вверх, а не вниз, или происходит другое нежелательное поведение.

Я уже реализовал весь свой сайт с SemanticUI, и уже слишком поздно, чтобы не использовать его. Я изменил свои имена классов / идентификаторов div, которые я хочу, на что-то уникальное (это не будет мешать именам SemanticUI), поэтому я уверен, что это связано с тегами html / body.

Это довольно сложная, неудачная ситуация. У кого-нибудь есть советы по альтернативному подходу, который может быть возможен в стиле SemanticUI?

...