Копируем класс другому элементу

by Vladislav Altyncev

HTML

<script src="http://delovsite.herokuapp.com/js/jquery.scrollUp.min.js"></script>
<div class="block_wr block_turquoise">
    text
</div>
<p>text</p>

CSS

#scrollUp-active{
	display: block;
}
#scrollUp {
    display: block !important;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: #748fbb;
	bottom: 10%;
	right: 5px;
	z-index: 999;
	border-radius: 50%;
	color: #fff;
	padding: 1px 0 0 6px;
}

.block_wr {background: #748fbb;}

#scrollUp.block_red {background: #cd6b6b;}
#scrollUp.block_purple {background: #b684c4;}
#scrollUp.block_turquoise {background: #5ab4b7;}
#scrollUp.block_about {background: #b684c4;}
#scrollUp.block_green {background: #68c2be;}
#scrollUp.block_yellow {background: #f3d25e;}
#scrollUp.block_orange {background: #f8ab60;}

JavaScript

$(function () {
    $.scrollUp({
        scrollName: 'scrollUp', // Element ID
        topDistance: '1200', // Distance from top before showing element (px)
        topSpeed: 300, // Speed back to top (ms)
        animation: 'fade', // Fade, slide, none
        animationInSpeed: 200, // Animation in speed (ms)
        animationOutSpeed: 200, // Animation out speed (ms)
        scrollText: ".", // Text for element
        activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
    });
});

jQuery(document).ready(function($) {
    var className = $(".block_wr").attr("class");
    $("#scrollUp").addClass(className);
});