Привет, друзья. Предлагаю вам вариант автоматической прокрутки с кнопкой стоп. Раньше я уже писала пост про такую кнопку прокрутки, но его пришлось удалить, так как тот код "приказал долго жить". И посему предлагаю вам альтернативный вариант.
Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души. Да ещё бы с чашечкой кофе в руке. А то ведь уже и пальцы онемели, крутишь и крутишь это колёсико мыши. Сплошное однообразие.
Вот именно для такого случая, вернее для ленивых читателей, предлагаю вариант оригинальной кнопки.
Взгляните на неё на тестовом блоге справа.
Демонстрация
Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души. Да ещё бы с чашечкой кофе в руке. А то ведь уже и пальцы онемели, крутишь и крутишь это колёсико мыши. Сплошное однообразие.
Вот именно для такого случая, вернее для ленивых читателей, предлагаю вариант оригинальной кнопки.
Взгляните на неё на тестовом блоге справа.
Устанавливается код в гаджет 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('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://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('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 Б.. Попробуйте предложенный код установить как есть. Если работает, что - то не то сделали. Мне нужно видеть где это . или отправьте ваш код через форму связи выше.
ОтветитьУдалить