单击scrollLeft()

时间:2013-11-24 13:10:37

标签: javascript jquery scroll onclick

我正在尝试使用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/

0 个答案:

没有答案