Как проверить на прокрутку объект?

Question

[evgenin]

Как проверить, если прокручен объект - показать стрелочку влево?

CSS
.arrow_none { display: none }

HTML

<div id="wr_1" class="wrapper">
    <img id="arr_left" class="arrow_none" src="/arr_left.jpg">
    <!-- Контент с картинками -->
    <img id="arr_right" src="/arr_right.jpg">
</div>

JAVASCRIPT (ошибка здесь)

var arrow_left = document.getElementById('#arr_left');	
var elem = document.getElementById('#wr_1');

if (elem.scrollLeft > 321) {
    arrow_left.removeClass('arrow_none');
} else {
    arrow_left.addClass('arrow_none');
}

$("#arr_left").click(function(event){
    $('#wr_1').animate({scrollLeft:'-=321'},500); 
});

Comments

[ProjectSoft]

Вы либо используйте нативный js, либо используйте jQuery.
Нет у нативного js методов removeClass и addClass у элементов

Answer 1

[Николай Чуприк]

const ScrollValue = 321;

var arrow_left = $( '#arr_left' );	
var elem = $( '#wr_1' );

$( document ).on( 'mouseup', function() {
    if ( elem.scrollLeft() > ScrollValue )
        arrow_left.removeClass( 'arrow_none' );
    else
        arrow_left.addClass( 'arrow_none' );
}   

arrow_left.on( 'click', function() {
    elem.animate( { scrollLeft: '-=' + ScrollValue }, 500 );
} );