للاعلى scrollToTop

مشاهدات الان

 البحث عن

</body>

فوقه

<button id="scrollToTop" data-upspeed='1000' data-upshow='600' class="scrollToTop">

<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">

<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>

<path d="M0 0h24v24H0z" fill="none"/>

</svg>

</button>

<script src='//cdn.jsdelivr.net/gh/imintweb/Js/scrollup.min.js'></script>

إذا أردت تغيير شكل الأيقونة غير ما باللون الأحمر برابط الصورة المراد وضعها

البحث عن

]]></b:skin>

فوقه

.scrollToTop {

outline: 0;border: 0;font - size: 14 px;cursor: pointer

}.scrollToTop svg {

display: block

}.scrollToTop {

position: fixed;z - index: 9999;opacity: 0;pointer - events: none;transition: opacity .3 s,

background .3 s,

-webkit - transform .3 s;transition: transform .3 s,

opacity .3 s,

background .3 s;transition: transform .3 s,

opacity .3 s,

background .3 s,

-webkit - transform .3 s; - webkit - transform: translateY(-2e m);transform: translateY(-2e m)

}.scrollToTop.visible {

pointer - events: all;

opacity: 1; - webkit - transform: translateY(0);

transform: translateY(0)

}

.scrollToTop svg {

fill: #fff

}.scrollToTop {

background - color: #252525;box-shadow:0 1px 4px rgba(0,0,0,.5);bottom:1em;right:1em;padding:.5em;border-radius:4px}.scrollToTop:hover{background-color:# 020202

}

محفوظه

scrollup js

http://xb0423.xb0.serverdomain.org/Blogger/fakeaT/scrollup.js

وسلامتكم