Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 09.06.2014
Сообщений: 72

Кнопка "Наверх", появляющаяся, когда прокрутишь экран вниз на определенную высоту

28.07.2014, 20:10. Показов 2125. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
мой Сайт anfas-art.ru сделан на Wordpress и моя стрелка "наверх" находится в "редактор-подвал (footer.php)
Вот весь код
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the id=main div and all content after
 *
 * @package WordPress
 * @subpackage Fruitful theme
 * @since Fruitful theme 1.0
 */ 
?>
 
</div>
                           </div>
                          <div class="container">
                              </div><!-- .page-container-->
 
<footer id="colophon" class="site-footer" role="contentinfo">
 
<div class="container">
 
 
<div class="sixteen columns">
 
<div class="site-info">
                        <?php fruitful_get_footer_text(); ?>
                    </div><!-- .site-info -->
                    <?php if (!fruitful_is_social_header()) {   
                               fruitful_get_socials_icon(); 
                          } 
                    ?>
                </footer><!-- #colophon .site-footer -->
            </div>
            </div><!-- #main .site-main -->
            
<div id="back-top">
 
<a rel="nofollow" href="#top" title="Back to top"><img src="http://anfas-art.ru/wp-content/uploads/2014/06/4column1.png" border="0" /></a>
 
</div>
        </div><!-- #page .hfeed .site -->
        <!--WordPress Development by Fruitful Code-->
<?php wp_footer(); ?>
</body>
</html>
Нужно сделать так чтоб кнопка наверх появлялась только тогда, когда прокрутишь экран вниз на определенную высоту. А например если контента мало и экран не двигается, то она не должна появляться вообще.
И еще хочу нужно чтоб она появлялась не в середине экрана, а в правом нижнем углу

Добавлено через 14 минут
Установил плагин пока вот так, но всеже хотелось бы услышать ответ
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.07.2014, 20:10
Ответы с готовыми решениями:

Появляющаяся ссылка НАВЕРХ как на vk.com
Помогите со скриптом, не рзабираюсь я в Java. На сайте необходимо сделать такую штуку: прокручиваем страницу допустим до середины и тут...

Экран не прокручивается вниз(когда мышь на слайдере owl)
Всем привет https://planetball.ru/ В мобил версии сайта(можно просто на пк в 320 посмотреть) почему-то не прокручивается мышкой/курсором...

Кнопка наверх
Добрый вечер! Помогите найти плагин для кнопки прокрутки страница на верх чтоб кнопка после появления была не фиксированая а при повторном...

1
Нет ТЗ - давай досвидания
 Аватар для BuPy7
746 / 377 / 64
Регистрация: 01.12.2011
Сообщений: 2,250
Записей в блоге: 6
28.07.2014, 22:12
Цитата Сообщение от Пазл Посмотреть сообщение
Вот весь код
Это тебе так кажется. =)

Цитата Сообщение от Пазл Посмотреть сообщение
когда прокрутишь экран вниз на определенную высоту
Ну там по сути должна быть константа. В зависимости от её значения при определённом значение скролла появляется кнопка.

Цитата Сообщение от Пазл Посмотреть сообщение
а в правом нижнем углу
В CSS прописываешь чо нить типа position: fixed; right: 20px; bottom: 20px; =)
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
28.07.2014, 22:12
Помогаю со студенческими работами здесь

Кнопка наверх
Как сделать чтобы при прокрутке страницы кнопка фиксировалась отсносительно футера. Т.е крутим вниз страницу, кнопка появилась. Если...

Кнопка отправки формы появляющаяся при нажатии на объект
Здравствуйте. Есть такая простая задачка, но которую я не могу решить, т.к. новичок. Проблема описана в заголовке. Для большего понимания...

TButtonedEdit: кнопка, появляющаяся только при наведении мыши
Добрый день! Кто нибудь, знает как у TbuttonEdit сделать, что бы при наведении на кнопку - там появлялась изображение (крестик) как в...

Появляющаяся кнопка вне формы при наведении курсора
Пытаюсь реализовать что-то вроде гаджета для windows 7 на C# При наведении курсора на форму, сбоку появляется крестик закрытия программы....

Кнопка Наверх Шапка
Перекинул сайт с денвера на хостинг и кнопка &quot;Наверх&quot; исчезла и Нижняя шапка сползла в некоторых разделах например в &quot;О нас&quot;. Что...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru