скроллинга в определенное место после перезагрузки страницы

Question

У меня есть страница просмотра с помощью кнопки в нижней части этого (Haml файл):

.scroll-here 
    = link_to "Button", example_path, id: "my-button" 

Когда я нажимаю ее, перезагружается страница, и я хочу, чтобы прокрутить автоматически до .scroll-here (но если страница загружена не из-за нажатия этой кнопки, фокус должен быть только регулярным, в верхней части страницы).

Заранее благодарен!

Answer 1

Может быть, вы могли бы добавить идентификатор к элементу, где вы хотите, чтобы просмотреть, например:

<div id="scrollHereIfButtonIsPressed"></div> 

Затем добавьте «#scrollHereIfButtonIsPressed» в URL на событии действия данной кнопки, так что она будет прокручивать к этому элементу, когда кнопка нажата для перехода к этому URL-адресу.

например:

<button onclick="window.location.href = window.location.href + '?r='+(+new Date())+'#scrollHereIfButtonIsPressed';window.location.reload(true);"> 
example button 
</button> 

Answer 2

не слишком хорошо знакомы с рубин-на-рельсы, но следующий может работать:

.scroll-here 
    = link_to "Button", example_path+"?reload=1", id: "my-button" 

Используйте следующий JQuery код

$(document).ready(function() { 
    if (window.location.href.indexOf("reload=1") >= 0) { 
      $('html, body').animate({ 
       scrollTop: $(".scroll-here").offset().top 
      }); 
    } 
});