sergey81 Опубликовано 15 февраля, 2019 Поделиться Опубликовано 15 февраля, 2019 Как сделать такую кнопку на форуме для поднятия вверх страницы? Ссылка на комментарий Поделиться на другие сайты Поделиться
sergey81 Опубликовано 18 февраля, 2019 Автор Поделиться Опубликовано 18 февраля, 2019 админ форума, тихо слился в кусты. ни ответа ни привета. у самого же работает эта кнопка. что трудно было ответить как это сделать? ну или хотя бы сказать что это его ноу-хау и он о нем не рассказывает) просто смысл тогда вашего форума поддержки? если даже такие вопросы вы умалчиваете. Nikola_Telegin 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
eh1 Опубликовано 18 февраля, 2019 Поделиться Опубликовано 18 февраля, 2019 В плагинах поищи....Где-то видел Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 18 февраля, 2019 Поделиться Опубликовано 18 февраля, 2019 sergey81 без паники. Данная кнопка с лёгкостью находится в исходном коде любой страницы нашего форума и копируется к себе. В нашем случае в глобальном шаблоне перед закрывающим тегом body: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>"); jQuery(window).scroll(function(){ if (jQuery(this).scrollTop() > 350) { jQuery('.scrolltotop').fadeIn(); } else { jQuery('.scrolltotop').fadeOut(); } }); jQuery('.scrolltotop').click(function(){ jQuery("html, body").animate({ scrollTop: 0 }, 50); return false; }); });0 </script> Ну и CSS для оформления: .scrolltotop { display: none; z-index: 9000; cursor: pointer; border-radius: 120px; position: fixed; width: 66px; height: 66px; bottom: 5%; right: 2%; } .scrolltotop__side { position: fixed; width: 66px; height: 66px; bottom: 5%; right: 2%; background: #5c84a7; opacity: 0.6; border-radius: 120px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.28); } .scrolltotop__arrow { border-radius: 120px; background: url(https://ipbmafia.ru/uploads/set_resources_27/84c1e40ea0e759e3f1505eb1788ddf3c_arrow.png) top no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; opacity: 1; position: fixed; width: 30px; height: 44px; bottom: 5%; text-align: center; margin-left: 18px; background-size: contain; } SlawkA, Nikola_Telegin и Efremov 2 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
sergey81 Опубликовано 18 февраля, 2019 Автор Поделиться Опубликовано 18 февраля, 2019 1 час назад, Respected сказал: sergey81 без паники. Данная кнопка с лёгкостью находится в исходном коде любой страницы нашего форума и копируется к себе. В нашем случае в глобальном шаблоне перед закрывающим тегом body: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>"); jQuery(window).scroll(function(){ if (jQuery(this).scrollTop() > 350) { jQuery('.scrolltotop').fadeIn(); } else { jQuery('.scrolltotop').fadeOut(); } }); jQuery('.scrolltotop').click(function(){ jQuery("html, body").animate({ scrollTop: 0 }, 50); return false; }); });0 </script> Ну и CSS для оформления: .scrolltotop { display: none; z-index: 9000; cursor: pointer; border-radius: 120px; position: fixed; width: 66px; height: 66px; bottom: 5%; right: 2%; } .scrolltotop__side { position: fixed; width: 66px; height: 66px; bottom: 5%; right: 2%; background: #5c84a7; opacity: 0.6; border-radius: 120px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.28); } .scrolltotop__arrow { border-radius: 120px; background: url(https://ipbmafia.ru/uploads/set_resources_27/84c1e40ea0e759e3f1505eb1788ddf3c_arrow.png) top no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; opacity: 1; position: fixed; width: 30px; height: 44px; bottom: 5%; text-align: center; margin-left: 18px; background-size: contain; } если с первой частью понятно. то пришивать вторую часть к талии или к ногам? CSS для оформления: ... это какой из файлов CSS? Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 18 февраля, 2019 Поделиться Опубликовано 18 февраля, 2019 есть еще такая кнопка. вверх и вниз Спойлер это плагин. Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 18 февраля, 2019 Поделиться Опубликовано 18 февраля, 2019 40 минут назад, sergey81 сказал: это какой из файлов CSS? custom.css Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 18 февраля, 2019 Поделиться Опубликовано 18 февраля, 2019 даже вот он этот плагин. ставил на 4.3.5 у меня все работает на 4.3.6 BacktoTop Dual.xml BacktoTop Dual.xml Ссылка на комментарий Поделиться на другие сайты Поделиться
sergey81 Опубликовано 22 февраля, 2019 Автор Поделиться Опубликовано 22 февраля, 2019 за кнопку и разъяснения - спасибо. очень уж пригодилась. есть же ленивые посетители... вот для них и нужна. кстати дизайн чуток изменил. не стал лепить большую круглую...т.к. на мобильной версии сильно большой кажется. вот что получилось) тема закрыта Respected 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения