javascript 左右 或者上下翻滚效果

function move_rule_item(ele , opposite_ID, ID , all_parm_ID, count , x , y);

/*ele点击翻滚按钮对象，opposite_ID和点击按钮相反的元素id , ID 实际显示的容器id , all_parm_ID总共的元素总和容器idm ， count 显示容器的元素总个数，x控制显示横向滚动，y控制纵向滚动*/

var display_panel = document.getElementById(ID);

var click_opposite_panel = document.getElementById(opposite_ID);

var all_parm_panel = document.getElementById(all_parm_ID);

var all_parm_panel_li = all_parm_panel.getElementsByTagName('li');

if(all_parm_panel_li.length <= 0){

all_parm_panel_li = all_parm_panel.getElementsByTagName('tr');

}

var real_width = 0;

var real_height = 0;

for(var i = 0; i < all_parm_panel_li.length; i++){

var li_style = all_parm_panel_li[i].currentStyle || window.getComputedStyle(all_parm_panel_li[i]);

if(x != 0){

var real_width = real_width +  all_parm_panel_li[i].offsetWidth + 2 * parseInt(li_style.marginLeft.replace('px' , ''));

}else if(y != 0){

var real_height = real_height +  all_parm_panel_li[i].offsetHeight + 2 * parseInt(li_style.marginLeft.replace('px' , ''));

}

}

var parm_height = display_panel.offsetHeight / count;

var parm_width = display_panel.offsetWidth / count;

if(y != 0 ){

display_panel.scrollTop += parm_height * y;

if(display_panel.scrollTop <= 0){

ele.style.display = 'none';

}else{

click_opposite_panel.style.display = 'block';

}

if(display_panel.scrollTop + display_panel.offsetHeight >= real_height){

ele.style.display = 'none';

}else{

click_opposite_panel.style.display = 'block';

}

}

if(x != 0){

display_panel.scrollLeft += parm_width * x;

if(display_panel.scrollLeft <= 0){

ele.style.display = 'none';

}else{

click_opposite_panel.style.display = 'block';

}

if(display_panel.scrollLeft + display_panel.offsetWidth >= real_width){

ele.style.display = 'none';

}else{

click_opposite_panel.style.display = 'block';

}

}

}