Javascript 具有100%宽度元素的Jquery水平平移

所以我有一个100%的witdh容器，里面有很多图像。我想在鼠标悬停在父容器上时水平平移它

我已经走了很长一段路，但我有几个问题

这是

首先，我必须将左边的边距设置为基于百分比的，否则它不会显示所有图像。要做到这一点，我必须得到内部容器的全宽，但我无法做到这一点

$('.merken').mousemove(function (event) {
        var left = event.pageX;

        $('.slider').css({
            'margin-left': '-' + left + 'px'
        });


    });

thumb容器现在有一个固定的宽度，但我需要将其设置为自动宽度。现在，这可以确保容器中的图像不会逐个显示。我该如何解决这个问题

.thumb-container { width:2000px;}

---

谢谢

您可以这样做：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

及

---

您可以这样做：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

及

---

您可以这样做：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

及

---

您可以这样做：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

及

---

我不确定你想做什么。但是我认为您应该使用.width（）jquery方法：

       $('.merken').mousemove(function(event){

            var left = event.pageX;
            var percentleft = left/$('.merken').width();
            var sliderleft = $('.slider').width()*percentleft;

            $('.slider').css({
                'margin-left': '-'+sliderleft+'px'
            });


        });

---

我不确定你想做什么。但是我认为您应该使用.width（）jquery方法：

       $('.merken').mousemove(function(event){

            var left = event.pageX;
            var percentleft = left/$('.merken').width();
            var sliderleft = $('.slider').width()*percentleft;

            $('.slider').css({
                'margin-left': '-'+sliderleft+'px'
            });


        });

---

我不确定你想做什么。但是我认为您应该使用.width（）jquery方法：

       $('.merken').mousemove(function(event){

            var left = event.pageX;
            var percentleft = left/$('.merken').width();
            var sliderleft = $('.slider').width()*percentleft;

            $('.slider').css({
                'margin-left': '-'+sliderleft+'px'
            });


        });

---

我不确定你想做什么。但是我认为您应该使用.width（）jquery方法：

       $('.merken').mousemove(function(event){

            var left = event.pageX;
            var percentleft = left/$('.merken').width();
            var sliderleft = $('.slider').width()*percentleft;

            $('.slider').css({
                'margin-left': '-'+sliderleft+'px'
            });


        });

---

对于那些感兴趣的人，按如下方式修复：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

---

对于那些感兴趣的人，按如下方式修复：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

---

对于那些感兴趣的人，按如下方式修复：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });

---

对于那些感兴趣的人，按如下方式修复：

var conb = $('.slider').width();

        $('.merken').mousemove(function(event){

            var left = (event.pageX*100)/conb;

            $('.slider').css({
                'margin-left': '-'+left+'%'
            });

        });