Alternatywa dla adresu URL zakotwiczenia

Czy istnieje inny sposób łączenia z elementem na tej samej stronie bez używania adresów URL zakotwiczenia?

Alternatywa dla adresu URL zakotwiczenia

<!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 &raquo;" /> 

<div style="height:1280px;"></div> 

<div id="goHere" style="width:360px;height:240px;background-color:#61b2cc"></div> 

</body> 
</html>

Źródło

2015-02-21 Anonymous

Bind kliknięciem i używać scrollTo? – Lloyd

Jest! Spójrz na poniższy kod:

<!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 &raquo;" /> 

<div style="height:1280px;"></div> 

<div id="goHere" style="width:360px;height:240px;background-color:#61b2cc"></div> 

</body> 
</html>

Źródło

2015-02-21 12:10:21

To jest dokładnie to, po co byłem, dziękuję bardzo! –

z jQuery:

$("button").click(function(){ 
    window.scrollTo($("#goHere").offset().top); 
});

Źródło

2015-02-21 12:11:38 winhowes

Alternatywa dla adresu URL zakotwiczenia

Odpowiedz

Powiązane problemy