Авторизация
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
После регистрации вы можете задавать вопросы и отвечать на них, зарабатывая деньги. Ознакомьтесь с правилами, будем рады видеть вас в числе наших авторов!
Вы должны войти или зарегистрироваться, чтобы добавить ответ.
Для создания кнопки «Вверх» в WordPress вы можете использовать следующий код:
1. Добавьте следующий код в файл functions.php вашей темы:
«`php
function add_scroll_top_button() {
echo ‘Вверх‘;
}
add_action(‘wp_footer’, ‘add_scroll_top_button’);
«`
2. Добавьте следующий CSS-код в файл стилей вашей темы (style.css):
«`css
.scroll-top-button {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background-color: #000;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 20px;
border-radius: 50%;
z-index: 9999;
}
.scroll-top-button:hover {
background-color: #333;
color: #fff;
}
.scroll-top-button.show {
display: block;
}
«`
3. Добавьте следующий JavaScript-код в файл стилей вашей темы (script.js):
«`javascript
jQuery(document).ready(function($) {
$(window).scroll(function() {
if ($(this).scrollTop() > 200) {
$(‘.scroll-top-button’).addClass(‘show’);
} else {
$(‘.scroll-top-button’).removeClass(‘show’);
}
});
$(‘.scroll-top-button’).click(function() {
$(‘html, body’).animate({scrollTop : 0}, 800);
return false;
});
});
«`
После добавления этого кода кнопка «Вверх» будет отображаться в правом нижнем углу вашего сайта, и при прокрутке вниз она будет появляться. При нажатии на кнопку страница будет плавно прокручиваться вверх.