Question

我对在我正在制作的页面中滚动有一些不寻常的愿望。我已经尝试了很多东西，但是那些都没有像他们应该的那样工作。我想要的只是当人们使用他们的滚轮（光标所在的任何地方）时，搜索结果就会滚动。

到目前为止，我已将结果上传到http://www.veylau.be/testzone/scrollfix/searchtwee.html 只需单击搜索按钮即可查看虚拟结果。

问题：

1）使用我现在使用的脚本，我有一种视差效果。我只想滚动结果，而不是页面的其余部分。

2）当页面的其余部分完成滚动时，无法再滚动浏览。

3）当光标位于＃googleMap或#mapContainer div上时，是否可以捕获滚动事件？我试过这样，但只有第二个正在执行。

  $("#mapContainer").scroll(function(event){...});
  $(window).scroll(function(event){...});

非常感谢你的帮助！

Answer 1

您可以捕获$(window).scroll(function(event){...});并在此函数内部检查鼠标是hover mapContainer并带有支票if($("#mapContainer:hover").length>0)

Answer 2

您可以执行类似跟踪鼠标移动的操作，以及滚动时将位置设置为上一个已知位置

我试过一个样本，这是我的代码，不完美。我认为这可能有所帮助

var MouseposX;
var MouseposY;
$(window).bind("mousemove", function (event) {
    MouseposX = event.pageX;
    MouseposY = event.pageY;
});
$(window).scroll(function (event) {

placeDiv(MouseposX, MouseposY); 

});
function placeDiv(x_pos, y_pos) {
  var d = document.getElementById('searchResults');
  d.style.position = "absolute";
  d.style.left = x_pos+'px';
  d.style.top = y_pos+'px';
}

检查小提琴 http://jsfiddle.net/46WLt/3/

Jquery滚动问题

2 个答案: