slideToggle - Scroll bar проблем

rivo

Registered
Здравейте,
имам малък проблем със slideToggle(), той се състои в това, че имам един див който искам като се натисне да се появява друг див. Проблема идва от там, че дива, който искам да се появи се намира най-долу, под footera и когато натисна бутона да се покаже, той се показва, но не както искам, а като на картинката.

slideu.png


Искам да стане така, че когато се натисне бутона скрола сам да се плъзне на долу, а не да се налага потребителя да се сеща, че трябва да го плъзне.

Надявам се, че е станало ясно.

Благодаря!
 
Като замениш .class с твоя клас или id като може да сложиш този JS в твоя където проверяваш дали е натиснат бутона.

[js]
var actPosition = jQuery(".class").offset().top;

$('body').animate({
scrollTop: $("body").offset().top * -1 + actPosition
}, 1);
[/js]
 
нещо не стана, ето това ми е кода

[js]<script type="text/javascript">
$(document).ready(function(){
$("#fisherman").click(function(){
$("#ff").slideToggle("slow");

});
var actPosition = jQuery("#fisherman").offset().top;

$('body').animate({
scrollTop: $("body").offset().top * -1 + actPosition
}, 1);
});
</script>[/js]
 
Явно не си ме разбрал ето кода:

Код:
<script type="text/javascript">
$(document).ready(function(){  
        $("#fisherman").click(function(){
                $("#ff").slideToggle("slow");
                
                var actPosition = jQuery("#ff").offset().top;
  
                $('body').animate({
                    scrollTop: $("body").offset().top * -1 + actPosition
                }, 1);   
        });
 }); 
</script>
 

Back
Горе