<!--Сдвигаем текст влево-->
<style>
.text-to-left-side .tn-atom {
position: relative;
}
</style>
<script>
if ($(window).width() > 768) {
$(window).on("load resize scroll", function() {
$(".text-to-left-side").each(function() {
var windowTop = $(window).scrollTop();
var elementTop = $(this).offset().top;
var leftPosition = windowTop * 500 / elementTop;
$(this)
.find(".tn-atom")
.css({ right: leftPosition });
});
});
}
</script>
<!--Сдвигаем текст вправо-->
<style>
.text-to-right-side .tn-atom {
position: relative;
}
</style>
<script>
if ($(window).width() > 768) {
$(window).on("load resize scroll", function() {
$(".text-to-right-side").each(function() {
var windowTop = $(window).scrollTop();
var elementTop = $(this).offset().top;
var leftPosition = windowTop * 500 / elementTop;
$(this)
.find(".tn-atom")
.css({ left: leftPosition });
});
});
}
</script>