Это при условии, что вы не говорите о прокрутки вниз к обычному якорем, и вместо этого вы хотите для прокрутки до фактических элементов HTML на странице.
Я не уверен, что jQuery рассчитывает на вас, но если вы используете Bootstrap, я думаю, это так. Если это так, вы можете привязать к событию «щелчок» для своей кнопки и поместить туда некоторый код javascript для обработки прокрутки. Как правило, вы можете связать ссылку/с элементом, который вы хотите прокрутить, используя атрибут «data» (например, data-scroll = «my-element-id»).
Без jQuery вам нужно будет сделать функцию, которая содержит код, как описано, и поместить в атрибут onclick, который ссылается на вашу функцию, и передает «это» в качестве параметра вашей функции, поэтому вы можете получить ссылку на элемент link/button, который вызвал его.
Для кода использовать фактически выделите соответствующий элемент, проверить эту статью:
How to go to a specific element on page?
Быстрый пример без JQuery:
<a class="scrollbutton" data-scroll="#somethingonpage"
onchange="scrollto(this);">something on page</a>
<div id="somethingonpage">scrolls to here when you click on the link above</a>
<script type="text/javascript">
function scrollto(element) {
// get the element on the page related to the button
var scrollToId = element.getAttribute("data-scroll");
var scrollToElement = document.getElementById(scrollToId);
// make the page scroll down to where you want
// ...
}
</script>
С JQuery:
<a class="scrollbutton" data-scroll="#somethingonpage">something on page</a>
<div id="somethingonpage">scrolls to here when you click on the link above</a>
<script type="text/javascript">
$(".scrollbutton").click(function() {
// get the element on the page related to the button
var scrollToId = $(this).data("scroll");
var scrollToElement = document.getElementById(scrollToId);
// make the page scroll down to where you want
// ...
});
</script>
Примечание: Если вы буквально хотите "но тонна», а не„ссылка“, вы действительно можете использовать любой элемент и сделать это интерактивным, например:
<button class="scrollbutton" data-scroll="#somethingonpage">something on page</button>
К какому элементу вы хотите подключиться? –