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没问题,很高兴我能帮忙:)