jQuery - 向下滚动并添加叠加

我有这个按钮，当我点击它时，我想添加一个类到带有ID的DIV。之后，它应该滚动到页面的底部。jQuery - 向下滚动并添加叠加

我有这个目前：

$("#signUp").click(function() { 
$("#overlay").addClass(".overlay");  
$('html, body').animate({scrollBottom:0}); 

    });

的HTML：

<div class="big-signup"> <a href="javascript: void(0)" id="signUp"><button>Sign up now. It's <span>FREE &raquo;</span></button></a><br /> <br />

而CSS：

#overlay{ 
    height:100%; 
    width:100%; 
    display:none; 
} 
.overlay{ 
    background-color:#000; 
    opacity:0.5; 
}

目前我不能让代码做任何事情。没有任何反应，当我按一下按钮..

UPDATE：的jsfiddle：http://jsfiddle.net/P23P5/

在此先感谢。

来源

2012-03-16 oliverbj

你可以在jsfiddle.net中显示一个示例吗？或使用萤火虫来明白到底是什么错误.. – redDevil 2012-03-16 20:15:12

我检查了萤火虫控制台，它什么也没说。 – oliverbj 2012-03-16 20:16:31

我加了一个jsFiddle。 – oliverbj 2012-03-16 20:21:11

的addClass方法需要的类的名称，没有任何句号之后：

$("#overlay").addClass("overlay");

的代码，我通常用它来将页面滚动到特定的位置是：

var target = $(window).height(); // Y value 
var animationSelector='html:not(:animated)'; 

// Fix for Safari 
if($.browser.safari) {animationSelector='body:not(:animated)';} 
// Animate 
$(animationSelector).animate({scrollTop: target}, 400, 'swing');

来源

2012-03-16 20:27:10 mcmorry

css class .overlay应该有： display：block！important; – mcmorry 2012-03-16 20:39:55

$(document).ready(function(){ 

$("#signUp").click(function() { 
$("#overlay").addClass(".overlay");  
$('html, body').animate({scrollBottom:0});  
    }); 

}) ;

基本上，即可将点击事件的页面已经呈现

来源

2012-03-16 20:23:09

首先，您正在添加类.overlay而不是overlay。

其次，在添加类之前，您没有显示id="overlay" div。

Thirly，你需要给覆盖div一个固定或绝对的位置。

来源

2012-03-16 20:27:39

jQuery - 向下滚动并添加叠加

回答

相关问题