البحث عن
</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
وسلامتكم
0 التعليقات :
إرسال تعليق