Пытаюсь зафиксировать кнопку "Позвонить" при прокрутке страницы. Нашла скрипт, который добавляет класс выбранному элементу при прокрутке. Вставляю этот код перед закрывающим body:
<script>
$(window).scroll(function(){
if ($(window).scrollTop()>50) {
$('.new').addClass('scrolled');
}
else {
$('.new').removeClass('scrolled')
} });
</script>
Добавленному скриптом классу прописываю стили:
.new > .scrolled {
position: fixed;
top: 1%;
left: 50%;}
html такой:
<center class="new">
<div id="такой-то" align="center">
<p>*Тут отображается кнопка, которую нужно зафиксировать при прокрутке*</p>
</div>
<script> код виджета</script>
<p style="text-align: center;" id="contacts2"> тут просто текст</p>
</center>
И не работает у меня ничего :(
В примере, откуда брала код, все работает, а у меня на странице - нет. О js у меня совсем поверхностное представление. Подскажите, что неправильно?
Пыталась также добавить класс непосредственно div id="такой-то", но тоже не работает.
Как исправить?
Спасибо!