Có cách nào khác để liên kết đến một phần tử trên cùng một trang mà không sử dụng URL neo không?
Cách thay thế để neo URL
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Alternative to anchor URL</title>
</head>
<body>
<input type="button" value="Go there »" />
<div style="height:1280px;"></div>
<div id="goHere" style="width:360px;height:240px;background-color:#61b2cc"></div>
</body>
</html>
Có! Nhìn vào mã bên dưới:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Alternative to anchor URL</title>
<script type="text/javascript">
function scrollWindow() {
{
var top = document.getElementById('goHere').offsetTop;
window.scrollTo(0, top);
}
}
scrollWindow();
</script>
</head>
<body>
<input type="button" onclick="scrollWindow()" value="Go there »" />
<div style="height:1280px;"></div>
<div id="goHere" style="width:360px;height:240px;background-color:#61b2cc"></div>
</body>
</html>
Đây chính xác là những gì tôi đã làm sau, cảm ơn bạn rất nhiều! –
Với jQuery:
$("button").click(function(){
window.scrollTo($("#goHere").offset().top);
});
Bind bấm và sử dụng scrollTo? – Lloyd