jQuery - прокрутка вниз и добавление наложения

У меня есть эта кнопка, когда я нажимаю ее, я хочу добавить класс в 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? или используйте firebug, чтобы понять, какая именно ошибка подходит. – redDevil

Я проверил консоль firebug, она ничего не говорит. – oliverbj

Я добавил jsFiddle. – oliverbj

Метод 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 .overlay должен иметь: дисплей: блок! Important; – mcmorry

$(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 перед добавлением класса.

В любом случае, вы должны предоставить наложение div как фиксированное, так и абсолютное положение.

источник

2012-03-16 20:27:39

jQuery - прокрутка вниз и добавление наложения

ответ

Смежные вопросы