Javascript 基于鼠标相对于外框滚动内框

希望根据鼠标在外部div上的位置百分比滑动内部div。 内部div应根据鼠标在外部div上的位置以百分比表示translateX

外部div的宽度根据屏幕大小的90%而变化，内部div的大小取决于在任何时候添加的内容

我完全忘了怎么处理这个

   // mousePointer = outer div
    mousePointer.addEventListener('mousemove', function(e){

    var x = $('#slider').width();   // inner div
    var q = $(this).offset()        //  outer div
    var z = Math.floor((e.pageX - q.left ));  // formular not working


     slider.style.transform = 'translateX(' + -z/x*100 + '%)';  // out put is not reliable
 })