автоматическая прокрутка страницы

Привет, друзья. Предлагаю вам вариант автоматической прокрутки с кнопкой стоп. Раньше я уже писала пост про такую кнопку прокрутки, но его пришлось удалить, так как тот код "приказал долго жить". И посему предлагаю вам альтернативный вариант.

кнопка прокрутки

Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души. Да ещё бы с чашечкой кофе в руке. А то ведь уже и пальцы онемели, крутишь и крутишь это колёсико мыши. Сплошное однообразие.

Вот именно для такого случая, вернее для ленивых читателей, предлагаю вариант оригинальной кнопки.

Взгляните на неё на тестовом блоге справа.


Демонстрация

Устанавливается код в гаджет HTML/JavaScript в любом месте макета блога.

Код

<style>#abt-scroll{position:fixed;z-index:9999;bottom:0;left:10px;top:380px!important;}
#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px!important;}
#abt-scroll a.abt-scroll{font-family:FontAwesome;border-radius:50%;}
#abt-scroll a.abt-stop{font-family:FontAwesome;margin-left:2px;border-radius:50%;}
#abt-scroll a.abt-stop{background: url("https://3.bp.blogspot.com/-y7CTiiR2aBU/Wcu4H7AkmtI/AAAAAAAACwM/8mmry5ttOPgCOwJIKIpNM2n_ZyIr95ZngCLcBGAs/s1600/pause.png");}
  #abt-scroll a.abt-scroll{width:33px;height:33px;!important;}
 #abt-scroll a.abt-stop{width:34px;height:34px;}
#abt-scroll a.abt-scroll{background: url("https://1.bp.blogspot.com/-gpimEvetJGo/Wcu2gRFCkiI/AAAAAAAACwA/KIlNSQEG8t0JCw7nwC0cjChy8huaE_TdACLcBGAs/s1600/play.png");}</style>

<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout(&#39;autoScroll()&#39;,60)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Play'>Play</a>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Pause'>Пауза</a>
</div>


Вы можете изменить скорость прокрутки - 60. Размеры кнопок, отмеченных розовым цветом. Сами иконки кнопок.

Вот и всё. Всем добра и спасибо за визит.

👇
Получайте новые сообщения с блога прямо на почту

Введите Ваш email


15 комментариев:

  1. "Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души".
    Я так понимаю эта часть о моём бложике?! Спасибо!

    ОтветитьУдалить
    Ответы
    1. Саша, Конкретно никого не имела ввиду. А твой блог читаю всегда для души без всякой лени. . Это тебе спасибо.

      Удалить
  2. Да это я примазываюсь просто.☺

    ОтветитьУдалить
  3. Кстати, помимо той проблемы в блогер, о которой ты писала ранее, я заметил ещё одну. В админке по ключевым словам среди сообщений, поиск стал вестись не по всему блогу, а примерно за 3 года назад. То есть сейчас примерно до 2015 года. По более ранним сообщениям выдачи по словам у меня нет.

    ОтветитьУдалить
  4. Саша, я сегодня только прогоняла старые сообщения чтоб подредактировать, и пользовалась поиском. Вот сейчас тоже попробовала, работает у меня и 14 год выдаёт. . Даже не знаю в чём дело.

    ОтветитьУдалить
  5. А у меня вот не ищет. Приходится поиском пользоваться, что в виде виджета на блоге.

    ОтветитьУдалить
  6. Саша...))) не пойму нужно покумекать. Не помню, а когда Блоггер сменил полностью весь дизайн и админку. Где - то в 13. Может с этим связано. Я этот блог вести начала в 14-ом.

    ОтветитьУдалить
    Ответы
    1. Я в кому ушел в начале лета 2016 года. И на блог впервые вернулся где-то в ноябре того же года. Поиск ещё работал нормально и админка новая уже была. А потом понеслось, где-то вначале 2017, перестал выдавать в поиске старые сообщения по ключевым словам. Немного позднее, перестали поступать сообщения о новых комментариях, что на время поправил изменив почту для получения сообщений, чего хватило на несколько месяцев. Сейчас только в админке смотрю, есть ли комментарии или нет. На вторую почту также перестали приходить сообщения.

      Удалить
  7. Да, очень интересный гаджет, спасибо!

    ОтветитьУдалить
  8. Понятно, Саша. Просто Гугл последние пару лет столько новшеств и всякой всячены мудрил, еле успевала привыкать. А с комментариями они в курсе, ну уж что - то совсем долго.

    ОтветитьУдалить
  9. Приветик! Спасибо, Вика, очень интересный и, я думаю, полезный гаджет!

    ОтветитьУдалить
    Ответы
    1. Елена, для длинного текста очень удобно. Спасибо.

      Удалить
  10. Спасибо за фишку. Вика! Я изменила размеры кнопок, отмеченных розовым цветом и сами иконки кнопок. Не работает. Какие требования к этим кнопкам? Помогите, пожалуйста)

    ОтветитьУдалить
  11. Cecilia Б.. Попробуйте предложенный код установить как есть. Если работает, что - то не то сделали. Мне нужно видеть где это . или отправьте ваш код через форму связи выше.

    ОтветитьУдалить

Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML

Пользовательский поиск
Foto Saya
My Photo