горизонтальной прокрутки на кнопку

Question

Я хочу щелчку горизонтально прокручивать DIV, нажав на левую и правую кнопки, но он не работает

$('#left').live('click' , function(){ 
$('#myDiv').scrollLeft(300) 

}) 
$('#right').live('click' , function(){ 
$('#myDiv').scrollLeft(-300) 

}) 

Как можно прокручивать в DIV с помощью Bytton мыши. Я также хочу, чтобы удалить полосу прокрутки,

JS Fiddle

Answer 1

Если вы не хотите, чтобы избавиться от полос прокрутки, почему дон» t вы просто изменяете CSS обрезанного контента (т. е. его margin-left)?

Дайте оберточной div в overflow:hidden и использовать следующие JS:

$('#left').click(function(){ 
    $('#myDiv').css('margin-left','-300px'); 
}); 
$('#right').click(function(){ 
    $('#myDiv').css('margin-left','0'); 
}); 

Посмотрел бы, как this.

Answer 2

Вы должны применить свиток к наружному DIV: http://jsfiddle.net/slash197/57wdH/48/

Answer 3

Это то, что вы хотите?

jsfiddle

я использовал CSS и поля для прокрутки, переполнение скрытого, чтобы скрыть панель, поплавок для выравнивания изображения и изменил некоторые CSS ...