JQuery прыгать или прокручивать до определенной позиции, div или цели на странице с помощью кнопки onclick Когда я нажимаю кнопку, я хочу, чтобы можно было спрыгнуть вниз или прокрутить до определенного div или цели на странице. $('#clickMe').click(function() { //jump to certain position or div or #target on the page }); Как я могу это сделать? Ответ 1 Я бы нарисовал ссылку, чтобы она выглядела как кнопка, потому что там есть резерв no-js. Таким образом, вы можете анимировать прыжок с помощью jquery. No-js fallback - нормальный переход без анимации. Исходный пример: jsfiddle $(document).ready(function() { $(".jumper").on("click", function( e ) { e.preventDefault(); $("body, html").animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 600); }); }); #long { height: 500px; background-color: blue; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- Links that trigger the jumping --> <a class="jumper" href="#pliip">Pliip</a> <a class="jumper" href="#ploop">Ploop</a> <div id="long">...</div> <!-- Landing elements --> <div id="pliip">pliip</div> <div id="ploop">ploop</div> Ответ 2 $("html, body").scrollTop($(element).offset().top); // <-- Also integer can be used
Ответ 1 Я бы нарисовал ссылку, чтобы она выглядела как кнопка, потому что там есть резерв no-js. Таким образом, вы можете анимировать прыжок с помощью jquery. No-js fallback - нормальный переход без анимации. Исходный пример: jsfiddle $(document).ready(function() { $(".jumper").on("click", function( e ) { e.preventDefault(); $("body, html").animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 600); }); }); #long { height: 500px; background-color: blue; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- Links that trigger the jumping --> <a class="jumper" href="#pliip">Pliip</a> <a class="jumper" href="#ploop">Ploop</a> <div id="long">...</div> <!-- Landing elements --> <div id="pliip">pliip</div> <div id="ploop">ploop</div>