Поместите фиксированный элемент, который останавливается при прокрутке за нижний колонтитул, дрожит при остановке - PullRequest
Новая
       17

Поместите фиксированный элемент, который останавливается при прокрутке за нижний колонтитул, дрожит при остановке

1 голос
/ 12 февраля 2020

Я пытался остановить свой правый элемент, который зафиксировал положение, от прокрутки за нижний колонтитул, я был успешным, но теперь я сталкиваюсь с новой проблемой, хотя элемент останавливается в нижнем колонтитуле, он скачет при остановке / прокрутке. Я попытался применить переход css, но все еще не увенчался успехом, ниже приведен мой частичный код, 

<div class="rightside_content">
<a id="" href="">
    <img src="https://dabuttonfactory.com/button.png?t=Your+text+here&f=Calibri-Bold&ts=24&tc=fff&tshs=1&tshc=000&hp=20&vp=8&c=5&bgt=gradient&bgc=3d85c6&ebgc=073763">
</a>
<a id="" href="">
    <img src="https://dabuttonfactory.com/button.png?t=Your+text+here&f=Calibri-Bold&ts=24&tc=fff&tshs=1&tshc=000&hp=20&vp=8&c=5&bgt=gradient&bgc=3d85c6&ebgc=073763">
</a>


<footer class="main_footer">
</footer>

<style>
@media only screen and (min-width: 768px) {
    .rightside_content {
        position: fixed;
        right: 5%;
        width: 22%;
        margin-top: 0;
         /* -webkit-transition: all 0.15s ease; */
        /* -moz-transition: position 15s; */
        /* -ms-transition: position 15s; */
        /* -o-transition: position 15s; */
        /* transition: all 0.15s ease; */
        /* animation: smoothScroll 1s forwards; */
    }
}
</style>

<script>
$(window).scroll(() => {
    var footerToTop = $('.main_footer').offset().top;
    var scrollTop = $(document).scrollTop() + $(window).height();
    var difference = scrollTop - footerToTop;
    var bottomValue = scrollTop > footerToTop ? difference : "inherit";
    $('.rightside_content').css("bottom",bottomValue);
});
</script>

Можно ли решить эту проблему только с jquery?

...