Javascript $(窗口).scroll(函数(){…})是否未在引导v3.2中加载?
我想使用Javascript $(窗口).scroll(函数(){…})是否未在引导v3.2中加载?,javascript,jquery,angularjs,twitter-bootstrap-3,Javascript,Jquery,Angularjs,Twitter Bootstrap 3,我想使用$(窗口)。在我的示例中,滚动函数可以在用户滚动窗口时更改变量: $(document).ready(function(){ $(window).scroll(function(){ document.getElementById('myResults').innerHTML = $(window).scrollTop(); }); }); 所需的行为是#myResults将从其默认html值更改并更新为当前的$(window).scrollTop()值 但我
$(窗口)。在我的示例中,滚动函数可以在用户滚动窗口时更改变量:
$(document).ready(function(){
$(window).scroll(function(){
document.getElementById('myResults').innerHTML = $(window).scrollTop();
});
});
所需的行为是#myResults
将从其默认html值更改并更新为当前的$(window).scrollTop()每次出现滚动时,代码>值
但我不能让它工作。我不认为是角度布线模块造成了问题,因为我创建了#myResults
元素作为视图的一部分进行渲染的地方,它仍然可以正常工作。我的主要示例是通过视图渲染的,但不起作用。。。第一个例子有什么不同?请告诉我如何让第一个示例工作?在第一个示例中,窗口不是应用滚动条的对象
这是下面的
:
您必须为事件和当前值引用此元素,才能对滚动的内容作出反应:
$(document).ready(function(){
$('#targetDiv').scroll(function(){
document.getElementById('myResults').innerHTML = $('#targetDiv').scrollTop();
});
});
你在生产中试过这个吗?它可能会因为实际引用的窗口而中断。@dbarnes:是的。当我遇到这个问题时,我一直在本地服务器上开发它。然后把它移到普朗克。
// Main Panel Styling (line 229 of main.less)
#targetDiv{
/* ... */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
/* ... */
}
$(document).ready(function(){
$('#targetDiv').scroll(function(){
document.getElementById('myResults').innerHTML = $('#targetDiv').scrollTop();
});
});