-1
У меня есть тексты с тегом <a>
, если вы нажмете на них, они должны взять вас на следующий якорь с плавным прокруткой.Почему не работает мой селектор jQuery «this» с идентификаторами?
Существует код:
HTML
<div style="width:100%;height:1500px;background-color:black;color:white;">ciao
<div>
<a class="scrolldown" style="color:white" href="#prova">ciaoooooo</a>
</div>
</div>
<div id="prova" style="width:100%;height:1500px;background-color:silver;color:white;">ciao ancora
<div>
<a class="scrolldown" style="color:white" href="#prova2">ciaoooooo</a>
</div>
</div>
<div id="prova2" style="width:100%;height:1500px;background-color:green;color:white;">basta
</div>
JavaScript
$(".scrolldown").click(function() {
var cane = $('this').attr("href");
$('html,body').animate({
scrollTop: $(cane).offset().top},
'slow');
});
FIDDLE http://jsfiddle.net/mar1/yLroumv6/
'$ ('это')' ==> '$ (это)' ' – Tushar
$ ('это')' ищут элементы йота '' –
charlietfl