Javascript jquery滚动不'；我的网站不工作

我将在我的webiste的某些部分使用jqueryscroll。下面是我使用的代码，当然我用$（document）.ready（）包装了这段代码：

我的html和css是：

<div id="wrap">
                <ul>

            <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
            <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li> 
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                    <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a></h3></li>
                        <li><h3><a href="#">سینما نباشد دنیا نیست</a>just comedown but it doesn't go up</h3></li>


                  </ul>
                </div>

只是下降，但不会上升

这段代码运行良好，但不幸的是，当我在我的网站上使用它时，鼠标移动时，它只会下降，但不会上升。 ==>在我的网站中，我用1px红色边框将滚动部分包装起来！！

---

它在小提琴中也不起作用，你认为它起作用，但如果你把

div

300px放下（例如），它的行为与你的网站上的行为相同

当触发

onmousemove

时，

e

具有鼠标相对于文档的值。您需要相对于

div

的此值

var div = $('#wrap'),
    wrapScreenHeight = div.height(),
    wrapHeight = div.outerHeight(),
    listHeight = div.find('ul').outerHeight();

div.on('mousemove', function(e) {
    var cPointY = e.pageY-$(this).position().top, //<== the position of the cursor relative to the div, not the document
        dP = ((cPointY / wrapHeight));
    div.scrollTop((listHeight * dP) - wrapScreenHeight);

});

var div=$（'#wrap'），
wrapScreenHeight=分区高度（），
wrapHeight=div.outerHeight（），
listHeight=div.find（'ul'）.outerHeight（）；
div.on（'mousemove'，函数（e）{
var cPointY=e.pageY-$（this）.position（）.top，//im remove position:abosult和我的网站css的顶部，但问题不存在solve@Hussein将代码中的这个
var-cPointY=e.pageY-e.posY
更改为这个
var-cPointY=e.pageY-posY
。我刚做了更改，但当你看到问题仍然存在时，我已经更新了我的答案，试试这个：
var-cPointY=e.pageY-$（这个）.position（）.top
。你非常优秀，非常聪明。我非常爱你。顺便问一下：没有鼠标的用户（例如，所有使用触摸屏设备的用户）是如何接触到内容的？对我的用户来说，向下和向上滚动就足够了，这并不重要
var div = $('#wrap'),
    wrapScreenHeight = div.height(),
    wrapHeight = div.outerHeight(),
    listHeight = div.find('ul').outerHeight();

div.on('mousemove', function(e) {
    var cPointY = e.pageY-$(this).position().top, //<== the position of the cursor relative to the div, not the document
        dP = ((cPointY / wrapHeight));
    div.scrollTop((listHeight * dP) - wrapScreenHeight);

});