我有一个超结构的菜单。它在溢出中具有隐藏的按钮:我希望能够使用下一个上一个按钮滑动通过隐藏的内容。但是由于按钮的大小不同,所以我想不出一种安全的方法来实现此目的。
任何帮助表示赞赏。
还有一些指向jquery插件的指针。
谢谢。
html在这里:http://jsfiddle.net/utKqe/2/
我设法获得了令人满意的效果(但仍然不能使它停止达到无限大):
//other category page, navigate through cats
$(document).ready(function() {
$('#otherleftarrow').click(function() {
$('#othermenu ul').animate({marginLeft: '-=100px'}, 200);
return false; // prevent default click action from happening!
});
$('#otherrighttarrow').click(function() {
$('#othermenu ul').animate({marginLeft: '+=100px'}, 200);
return false;
});
});
最佳答案
jQuery让您访问元素的计算宽度(如实际显示),因此您可以使用它来更改导航ul的左偏移,从而显示先前隐藏的按钮。
我将尽快获得文档链接。
编辑:它是width()
:http://api.jquery.com/width/
编辑:也许这可以给你一个想法,你可以如何使用它:
$('#otherleftarrow').click(function() {
var menu = $('#othermenu ul');
menu.css(
'marginLeft',
(menu.offset().left + $('.catotherselected').parent().prev().width()) + 'px'
);
});
要防止无限滚动:添加
if
来针对menu.offset> = 0(右箭头)进行测试。对于左箭头,您需要针对menu.offset关于jquery - 如何使用jquery在水平导航菜单上滑动这些按钮?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10263677/