Отчего б ему не работать, он не привязан к конкретной платформе.
Примерно примерила на топ на стационаре - вполне отрабатывает.
От себя могу предложить такое оформление:
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;
}