无论我使用哪种方法来检测页面上的滚动,该事件都会触发两次。请参阅我尝试过的不同方法的代码。
<body onmousewheel="alert('Why are you alerting twice?')">
或
<script src="js/jquery-1.8.3.min.js"></script>
<script>
$(window).scroll(function(){
alert("Why are you alerting twice?");
});
</s
我试图创建一个网站,自动滚动到每个部分在一个单一的滚动行动。这意味着代码必须检查页面是向上滚动还是向下滚动。我相信下面的代码解决了我的问题,但是当页面滚动时,滚动动作被触发不止一次。您将看到if语句中的第一个警报达到5而不是所需的1。对此问题的任何帮助都将不胜感激。
注意,我使用velocity.js库滚动到容器中的每个部分。
var page = $("#content-container");
var home = $("#home-layer-bottom");
var musicians = $("#musicians");
var at
我正在尝试测试我创建的一个小部件,它可以执行一些滚动功能。我正在使用Jasmine和jasmine-jquery进行测试,但我得到了一些奇怪的结果。
我想测试一下,当页面以特定方式滚动时,我的小部件是否成功触发了一个事件。我在这里简化了一些事情,以防是我的小部件导致了问题,所以我只是尝试测试窗口上是否触发了scroll事件。
it("should trigger scrollEvent on the window", function(){
loadFixtures('lorem-ipsum.html'); //gives some height to
我有一种类型的进度跟踪器固定在我的页面的一侧,当你滚动时,我希望这条线在用户滚动页面时获得高度(百分比)。当用户滚动时,我很难让高度增加一个。这是我目前的密码。
JS
$(window).scroll(function(){
var number = 0; /* I'd like to increment this by one on scroll */
// Only start the process when the first section comes into view
if($("#progress-tracker-nav li").hasClass
我想自动滚动到顶部,但如果用户开始滚动,就会退出。
我目前所拥有的是提前停止动画,因为滚动动画本身就是滚动的-所以它触发了“如果发生滚动就停止滚动”动作。
function stop_scrolling_to_top(){
// stop animation attached to selector
$('html, body').stop();
}
// scroll to the top automatically
$('html, body').animate({ scrollTop: 0}, 1400, "easeOutQuin
我试图隐藏滚动条,然后在访问者尝试滚动之后再次显示它。HTML & JS
<body onscroll="scrollable()" style="overflow: hidden;">
...
<script>
function scrollable() {
document.body.style.overflow = "auto";
/* If this makes any sense... */
}
</script>
<