Прокрутите страницу вверх, используя JavaScript / jQuery?

Question

У меня на странице <button>, при нажатии этой кнопки скрытый <div> отображается с помощью jQuery.

Как мне прокрутить вверх страницу, используя команду JavaScript / jQuery в этой функции? Желательно, даже если полоса прокрутки мгновенно прыгает наверх. Я не ищу плавной прокрутки.

Answer 1

Попробуйте это

<script>
  $(function(){
   $('a').click(function(){
    var href =$(this).attr("href");
   $('body, html').animate({
     scrollTop: $(href).offset().top
     }, 1000)
  });
 });
 </script>

Answer 2

Если вы хотите перейти к любому элементу с идентификатором, попробуйте следующее:

$('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
    var target = this.hash;
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 700, 'swing', function () {
        window.location.hash = target;
    });
});``

Answer 3

Просто попробуйте, другие плагины / фреймворки не нужны

document.getElementById("jarscroolbtn").addEventListener("click", jarscrollfunction);

function jarscrollfunction() {
  var body = document.body; // For Safari
  var html = document.documentElement; // Chrome, Firefox, IE and Opera 
  body.scrollTop = 0; 
  html.scrollTop = 0;
}

<button id="jarscroolbtn">Scroll contents</button> 

html, body {
  scroll-behavior: smooth;
}

Answer 4

Когда верхняя прокрутка сверху меньше нижнего предела, а нижняя прокрутка вверху, заголовок закреплен. Ниже см. Пример Fiddle.

var lastScroll = 0;

$(document).ready(function($) {

$(window).scroll(function(){

 setTimeout(function() { 
    var scroll = $(window).scrollTop();
    if (scroll > lastScroll) {

        $("header").removeClass("menu-sticky");

    } 
    if (scroll == 0) {
    $("header").removeClass("menu-sticky");

    }
    else if (scroll < lastScroll - 5) {


        $("header").addClass("menu-sticky");

    }
    lastScroll = scroll;
    },0);
    });
   });

https://jsfiddle.net/memdumusaib/d52xcLm3/

Answer 5

document.getElementById("id of what you want to scroll to").scrollIntoView();

Answer 6

Как ни странно, большинство из них не работало для меня ВСЕ, поэтому я использовал jQuery-ScrollTo.js с этим:

wrapper.find(".jumpToTop").click(function() {
    $('#wrapper').ScrollTo({
        duration: 0,
        offsetTop: -1*$('#container').offset().top
    });
});

И это сработало. $(document).scrollTop() возвращал 0, и этот вместо этого действительно работал.

Answer 7

Для прокрутки к элементу и элементу вверху страницы

WebElement tempElement=driver.findElement(By.cssSelector("input[value='Excel']"));

            ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", tempElement);