Отчего б ему не работать, он не привязан к конкретной платформе.
Примерно примерила на топ на стационаре - вполне отрабатывает.
От себя могу предложить такое оформление:
https://pp.userapi.com/c830609/v830609225/a3f2e/f_XEHhwgbck.jpg<div class="go-up" id="ToTop" style="display: none;"></div>
<div class="go-down" id="OnBottom" style="display: block;"></div>
.go-up, .go-down {
display: none;
position: fixed;
right: 3%;
z-index: 9999;
cursor: pointer;
width: 1px;
height: 30px;
background: #634233;
}
.go-up::before {
left: 0px;
bottom: 0;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 30px solid #634233;
border-left: 15px solid transparent;
content: '';
position: absolute;
margin-left: -15px;
width: 0;
height: 0;
}
.go-up::after {
right: 0px;
bottom: 0;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-bottom: 30px solid #634233;
border-right: 15px solid transparent;
content: '';
position: absolute;
margin-right: -15px;
width: 0;
height: 0;
}
.go-up {
bottom: 315px;
}
.go-down::before {
left: 0px;
top: 0;
border-bottom: 0px solid transparent;
border-right: 0px solid transparent;
border-top: 30px solid #634233;
border-left: 15px solid transparent;
content: '';
position: absolute;
margin-left: -15px;
width: 0;
height: 0;
}
.go-down::after {
right: 0px;
top: 0;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
border-top: 30px solid #634233;
border-right: 15px solid transparent;
content: '';
position: absolute;
margin-right: -15px;
width: 0;
height: 0;
}
.go-down {
bottom: 270px;
}