Привет, друзья. Предлагаю вам вариант автоматической прокрутки с кнопкой стоп. Раньше я уже писала пост про такую кнопку прокрутки, но его пришлось удалить, так как тот код "приказал долго жить". И посему предлагаю вам альтернативный вариант.
Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души. Да ещё бы с чашечкой кофе в руке. А то ведь уже и пальцы онемели, крутишь и крутишь это колёсико мыши. Сплошное однообразие.
Вот именно для такого случая, вернее для ленивых читателей, предлагаю вариант оригинальной кнопки.
Взгляните на неё на тестовом блоге справа.
Демонстрация![автоматическая прокрутка страницы кнопка прокрутки](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCMgP9yGOimxwBHjccBx2EVazwOJEodfMo0DVG-8YFlKQwWyzSflYPE7ZkNE3uGohZC_uc4sGCmDR5CHL7CGb1KeQR9LakhBjcN2l7zOfxa6-WfATuwb_C6BVyU7cnFUF1i1YoKYQgA34/s1600/%25D0%25BF%25D1%2580%25D0%25BE%25D0%25BA%25D1%2580%25D1%2583%25D1%2582%25D0%25BA%25D0%25B0.jpg)
Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души. Да ещё бы с чашечкой кофе в руке. А то ведь уже и пальцы онемели, крутишь и крутишь это колёсико мыши. Сплошное однообразие.
Вот именно для такого случая, вернее для ленивых читателей, предлагаю вариант оригинальной кнопки.
Взгляните на неё на тестовом блоге справа.
Устанавливается код в гаджет 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77ggFrjBhibCVjVYrYzw7tVRzeqduzRT7B6VQSOUsF96I2eY0q2BSLaJRIlW74uCGurMqZx8A17pztEui-_cX8Tokeki8ZGqdHsH6Zj3l34Hm6ME4c0DqsUHQcFNihmQtPNLYpES7ZifC/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonWtUbCoJJr_oJT2QgeaA5_D4_lmo7TfnWVZIjZuaRO73Jmj7YPUpnkIRmA-o9DZa8oJKt0WzMnJFB9drkwIq9YTu_BBA_imrNB8aAhcPiZ5BL3KuvEzz2abcVJ7v6NYrzR3IlOWQrKks/s1600/play.png");}</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',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>
#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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77ggFrjBhibCVjVYrYzw7tVRzeqduzRT7B6VQSOUsF96I2eY0q2BSLaJRIlW74uCGurMqZx8A17pztEui-_cX8Tokeki8ZGqdHsH6Zj3l34Hm6ME4c0DqsUHQcFNihmQtPNLYpES7ZifC/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonWtUbCoJJr_oJT2QgeaA5_D4_lmo7TfnWVZIjZuaRO73Jmj7YPUpnkIRmA-o9DZa8oJKt0WzMnJFB9drkwIq9YTu_BBA_imrNB8aAhcPiZ5BL3KuvEzz2abcVJ7v6NYrzR3IlOWQrKks/s1600/play.png");}</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',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. Размеры кнопок, отмеченных розовым цветом. Сами иконки кнопок.
Вот и всё. Всем добра и спасибо за визит.
👇
Получайте новые сообщения с блога прямо на почту
"Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души".
ОтветитьУдалитьЯ так понимаю эта часть о моём бложике?! Спасибо!
Саша, Конкретно никого не имела ввиду. А твой блог читаю всегда для души без всякой лени. . Это тебе спасибо.
УдалитьДа это я примазываюсь просто.☺
ОтветитьУдалитьКстати, помимо той проблемы в блогер, о которой ты писала ранее, я заметил ещё одну. В админке по ключевым словам среди сообщений, поиск стал вестись не по всему блогу, а примерно за 3 года назад. То есть сейчас примерно до 2015 года. По более ранним сообщениям выдачи по словам у меня нет.
ОтветитьУдалитьСаша, я сегодня только прогоняла старые сообщения чтоб подредактировать, и пользовалась поиском. Вот сейчас тоже попробовала, работает у меня и 14 год выдаёт. . Даже не знаю в чём дело.
ОтветитьУдалитьА у меня вот не ищет. Приходится поиском пользоваться, что в виде виджета на блоге.
ОтветитьУдалитьСаша...))) не пойму нужно покумекать. Не помню, а когда Блоггер сменил полностью весь дизайн и админку. Где - то в 13. Может с этим связано. Я этот блог вести начала в 14-ом.
ОтветитьУдалитьЯ в кому ушел в начале лета 2016 года. И на блог впервые вернулся где-то в ноябре того же года. Поиск ещё работал нормально и админка новая уже была. А потом понеслось, где-то вначале 2017, перестал выдавать в поиске старые сообщения по ключевым словам. Немного позднее, перестали поступать сообщения о новых комментариях, что на время поправил изменив почту для получения сообщений, чего хватило на несколько месяцев. Сейчас только в админке смотрю, есть ли комментарии или нет. На вторую почту также перестали приходить сообщения.
УдалитьДа, очень интересный гаджет, спасибо!
ОтветитьУдалитьПригодится, Вика.
УдалитьПонятно, Саша. Просто Гугл последние пару лет столько новшеств и всякой всячены мудрил, еле успевала привыкать. А с комментариями они в курсе, ну уж что - то совсем долго.
ОтветитьУдалитьПриветик! Спасибо, Вика, очень интересный и, я думаю, полезный гаджет!
ОтветитьУдалитьЕлена, для длинного текста очень удобно. Спасибо.
УдалитьСпасибо за фишку. Вика! Я изменила размеры кнопок, отмеченных розовым цветом и сами иконки кнопок. Не работает. Какие требования к этим кнопкам? Помогите, пожалуйста)
ОтветитьУдалитьCecilia Б.. Попробуйте предложенный код установить как есть. Если работает, что - то не то сделали. Мне нужно видеть где это . или отправьте ваш код через форму связи выше.
ОтветитьУдалить