Scroll Up как на vkontakte

Scroll Up как на vkontakte

kubik

Проверенные
Сообщения
80
Реакции
52
Баллы
8,120
Пользователь kubik разместил новый ресурс:

Scroll Up как на vkontakte - Кнопка вверх, аналог vk.com

1. Вставляем в шаблон header после <xen:edithint template="header.css" />.
<script>
// объявим переменные
var bottom_position = 0; // положение страницы
var flag_bottom = false; // флаг, для отображения кнопки "назад"
var flag_animate = false;// Флаг, определяющий, выполнение анимации

$(document).ready(function(){
// клик по кнопке вверх/назад
$('.in_top').click(function(){
// поднимаем флаг,...

Узнать больше об этом ресурсе...
 
Можно посмотреть у вас как это выглядит в живую, так как поставил себе на тестовый, в итоге только при нажатии на "наверх" оно скролит, а не так как в vk - целая боковая панелька
 
Я забыл упомянуть, но на скринах видно - у меня стоит шаблон Novus, работоспособность на нем полная.
 
Я забыл упомянуть, но на скринах видно - у меня стоит шаблон Novus, работоспособность на нем полная.
Дайте ссылку в пм, и желательно все настройки как у вас, тоесть что включено\что нет.
 
kubik, а вниз не работает что ли?
 
а как можно сделать, чтобы кнопка была от шапки до подвала, а не на весь экран?
 
все работает только надписей вверх/назад не видно
 
Никаких проблем с отображением быть не должно. Возможно могут потребоваться незначительные доработки ручками в зависимости от особенностей конкретного стиля.
 
Никаких проблем с отображением быть не должно. Возможно могут потребоваться незначительные доработки ручками в зависимости от особенностей конкретного стиля.
доработал все отлично
 
Подскажите, а как сделать так, чтобы этот блок зумировался как в вк? На данный момент при приближении форума и на маленьких экранах блок залезает на форум, а в вк он этого не делает.
 
Добавить адаптивности.
 
Не плохо бы к классу .in_top добавить z-index: 1000; к примеру. К примеру в моем стиле сразу не заработало пока слой не поменял на повыше
 
Автору спасибо, но подскажи плиз.
У меня вот так вот изначально выглядит страница
Снимок экрана 2016-11-25 в 12.39.56.png

Прокручиваю вниз - все нормально, появляется полоса
Снимок экрана 2016-11-25 в 12.41.18.png

Нажимаю на кнопку и меня переносит на самый самый верх сайта
Снимок экрана 2016-11-25 в 12.42.23.png

А мне надо чтобы поднималось не на самый вверх, а под этот блок. Чтобы на не го не наезжала полоса. Как это сделать?
Снимок экрана 2016-11-25 в 12.43.20.png

Хочется также как в ВК было, там тоже не наезжает в самый верх.
Снимок экрана 2016-11-25 в 12.43.20.png

никто не сможет подсказать?
 

Вложения

  • Снимок экрана 2016-11-25 в 12.45.51.png
    Снимок экрана 2016-11-25 в 12.45.51.png
    24.6 KB · Просмотры: 15
Появилась проблема, уже думаю над ней 3 часа. Вообщем как сделать что-бы кнопки не было в мобильной версии?
9ba123c4-9c21-46ab-a580-e99b73a7ee25.jpg
 
И о чем же эти три часа думал? :-) О существовании медиа запросов наверняка нет :-)

Думал, может есть какой-то шаблон для мобильной версии. и удалить там код и тд.
Кстати ссылка не работает
Screenshot (31).png

Всё зашел, hidereffer виноват
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу