Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何为滚动位置引导设置动画_Jquery_Html_Css_Twitter Bootstrap_Jquery Animate - Fatal编程技术网

Jquery 如何为滚动位置引导设置动画

Jquery 如何为滚动位置引导设置动画,jquery,html,css,twitter-bootstrap,jquery-animate,Jquery,Html,Css,Twitter Bootstrap,Jquery Animate,您好,我在引导页面中遇到此问题: . . 开始 开始 开始 。 . . . . 。 . . 下一步代码 <script> $(document).ready(function() { $("#godown1").click(function() { $('html,body').animate({scrollTop: $("#goit1").offset().top}, 2000); }

您好,我在引导页面中遇到此问题:

. .

开始

开始

开始

。 . . . .

。 . . 下一步代码

    <script>       
        $(document).ready(function() {
        $("#godown1").click(function() {
        $('html,body').animate({scrollTop: $("#goit1").offset().top}, 2000);
        });
        });
    </script>
    <script>       
        $(document).ready(function() {
        $("#godown2").click(function() {
        $('html,body').animate({scrollTop: $("#goit2").offset().top}, 2000);
        });
        });
    </script>
    <script>       
        $(document).ready(function() {
        $("#godown3").click(function() {
        $('html,body').animate({scrollTop: $("#goit3").offset().top}, 2000);
        });
        });
    </script>

$(文档).ready(函数(){
$(“#货仓1”)。单击(函数(){
$('html,body').animate({scrollTop:$(“#goit1”).offset().top},2000);
});
});
$(文档).ready(函数(){
$(“#货仓2”)。单击(函数(){
$('html,body').animate({scrollTop:$(“#goit2”).offset().top},2000);
});
});
$(文档).ready(函数(){
$(“#货仓3”)。单击(函数(){
$('html,body').animate({scrollTop:$(“#goit3”).offset().top},2000);
});
});
该代码必须添加到脚本中?。结果是,当我按下其中一个按钮时,它会以一种良好的方式自动下降

但当我已经在我想要的地方,我按下另一个包含这个动画的按钮,动画会再次重复

这使得它看起来不太好看


我能支持吗?谢谢大家

查看您的
链接后
我相信您要查找的是仅在
.blogfootspace子div的
被隐藏时才运行动画

您可以将代码组合成一个
脚本
文档就绪
功能:

试试这个:

<script>       
    $(document).ready(function() {
        $("#godown1").click(function() {
            if(!$('.bloqsfootspace div').hasClass('in'))   
                $('html,body').animate({scrollTop: $("#goit1").offset().top}, 2000);
        });
        $("#godown2").click(function() {
            if(!$('.bloqsfootspace div').hasClass('in'))
              $('html,body').animate({scrollTop: $("#goit2").offset().top}, 2000);
        });
        $("#godown3").click(function() {
            if(!$('.bloqsfootspace div').hasClass('in'))
                $('html,body').animate({scrollTop: $("#goit3").offset().top}, 2000);
        });
    });
</script>

$(文档).ready(函数(){
$(“#货仓1”)。单击(函数(){
if(!$('.bloqsfootspace div').hasClass('in'))
$('html,body').animate({scrollTop:$(“#goit1”).offset().top},2000);
});
$(“#货仓2”)。单击(函数(){
if(!$('.bloqsfootspace div').hasClass('in'))
$('html,body').animate({scrollTop:$(“#goit2”).offset().top},2000);
});
$(“#货仓3”)。单击(函数(){
if(!$('.bloqsfootspace div').hasClass('in'))
$('html,body').animate({scrollTop:$(“#goit3”).offset().top},2000);
});
});

您需要更改
godown
godoit
以匹配您的代码,但是
.bloqfootspace
应该保持不变。

我不太理解您的问题。。也许你可以分享你完整的html,并解释如何处理这个问题。我所能看到的唯一一件事是,如果您靠近
goit1
,然后单击
godown1
,则需要很长时间才能向下移动一小段距离。。这是你的问题吗?如何私下向你发送链接你可以将链接发送到我个人资料中的我的电子邮件。谢谢。真的,我没有在这个链接中看到它:或者这个:嗯,好的,它是:trevordowdle@gmail.com@KBL没问题,很高兴我能帮忙:)