我正在尝试使用overflow:hidden;
在我的包装器中滚动,但它没有响应。所以我不知道我做错了什么。
水平包装中的每个可点击元素我都给出了函数imageSlide()
,如下所示:
<img onclick="imageSlide()" src="picture.jpg" border="0" />
我的jQuery-library已加载,我尝试将以下脚本放在<head>
和</body>
之前。
<script type="text/javascript">
function imageSlide(){
var $midScreen = Math.round(($(window).width()-$(this).outerWidth())/2);
$('wrapper').animate({
scrollLeft(Math($(this).position().left - $midScreen)
},2000);
}
</script>
提前致谢!
根据要求提供小提琴:http://fiddle.jshell.net/76yar/