当我想检测IE时,我使用此代码:
function getInternetExplorerVersion()
{
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer')
{
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat( RegExp.$1 );
}
return rv;
}
function checkVersion()
{
var msg = "You're not using Internet Explorer.";
var ver = getInternetExplorerVersion();
if ( ver > -1 )
{
msg = "You are using IE " + ver;
}
alert( msg );
}
Run Code Online (Sandbox Code Playgroud)
但IE11正在返回"你没有使用Internet Explorer".我该如何检测它?
debugging internet-explorer browser-detection forward-compatibility internet-explorer-11
有没有办法scroll在jQuery中获取鼠标滚轮事件(而不是讨论事件)?
我有一个设置为的div图层.overflowscroll
当滚动到底部时div,我想运行一个函数.

我想在有人向下滚动一个元素时运行一个函数.像这样的东西:
$('div').scrollDown(function(){ alert('down') });
$('div').scrollUp(function(){ alert('up') });
Run Code Online (Sandbox Code Playgroud)
但这些功能不存在.有这个问题的解决方案吗?他们似乎能够做到这一点.不幸的是源代码是压缩的,所以没有运气......
谢谢!!
可能重复:
区分jquery中的向上/向下滚动?
是否可以检测用户是向下滚动还是向上滚动?
示例:
$(window).scroll(function(){
// IF USER SCROLL DOWN
DO ACTION
// IF USER SCROLL UP
DO ANOTHER ACTION
});
Run Code Online (Sandbox Code Playgroud)
谢谢
那么,当触发事件时,如何知道滚动方向?
在返回的对象中,我看到的最接近的可能性是与boundingClientRect保存最后滚动位置的类型进行交互,但我不知道处理boundingClientRect是否会最终导致性能问题.
是否可以使用交集事件来确定滚动方向(向上/向下)?
我添加了这个基本代码段,所以如果有人可以帮助我.
我会非常感激的.
这是片段:
var options = {
rootMargin: '0px',
threshold: 1.0
}
function callback(entries, observer) {
entries.forEach(entry => {
if (entry.isIntersecting) {
console.log('entry', entry);
}
});
};
var elementToObserve = document.querySelector('#element');
var observer = new IntersectionObserver(callback, options);
observer.observe(elementToObserve);Run Code Online (Sandbox Code Playgroud)
#element {
margin: 1500px auto;
width: 150px;
height: 150px;
background: #ccc;
color: white;
font-family: sans-serif;
font-weight: 100;
font-size: 25px;
text-align: center;
line-height: 150px;
}Run Code Online (Sandbox Code Playgroud)
<div id="element">Observed</div>Run Code Online (Sandbox Code Playgroud)
我想知道这一点,所以我可以在固定标题菜单上应用它来显示/隐藏它
我找到了一些很好的方法来检查滚动条使用jquery的位置,但我想知道你是否可以区分用户是否向上或向下滚动?
我需要检测用户滚动的方向 - "向上"或"向下".基于此答案中的代码:如何确定jQuery滚动事件的方向?
我试图将它包装在一个函数中,因此它有点区别 - 但不幸的是,它不起作用.我认为它与我如何返回值有关,但方向总是"向上".作为JavaScript的新手,我在解决这个问题时遇到了问题.
这是代码:
$(document).ready(function () {
'use strict';
var lastScrollTop = 0,
st,
direction;
function detectDirection() {
st = window.pageYOffset;
if (st > lastScrollTop) {
direction = "down";
} else {
direction = "up";
}
lastScrollTop = st;
return direction;
}
$(window).bind('scroll', function() {
detectDirection();
console.log(detectDirection());
});
});
Run Code Online (Sandbox Code Playgroud)
我也建立了一个小提琴.
你能帮我找一下问题所在吗?
我想改变网页的默认滚动速度,数量和惯性.我谷歌很多,但是徒劳无功
幸运的是,今天晚些时候,我发现了一个插件,它允许我们仅在特定div标签内而不是在整个网页中更改卷轴速度,数量,惯性.
这是一个基本代码
$(".I-WILL-APPLY-ONLY HERE").mCustomScrollbar({
set_width:false,
set_height:false,
horizontalScroll:false,
scrollInertia:550,
SCROLLINERTIA:"easeOutCirc",
mouseWheel:"auto",
autoDraggerLength:true,
scrollButtons:{
enable:false,
scrollType:"continuous",
SCROLLSPEED:20,
SCROLLAMOUNT:40
},
advanced:{
updateOnBrowserResize:true,
updateOnContentResize:false,
autoExpandHorizontalScroll:false,
autoScrollOnFocus:true
},
callbacks:{
onScrollStart:function(){},
onScroll:function(){},
onTotalScroll:function(){},
onTotalScrollBack:function(){},
onTotalScrollOffset:0,
whileScrolling:false,
whileScrollingInterval:30
}
});
<div id="I-WILL-APPLY-ONLY HERE" class="I-WILL-APPLY-ONLY HERE">
A basic height in pixels would be defined for this element and any content appearing here will have a different scrollspeed,inertia.Mentioning heignt of this div element is compulsary,else i wont show the output </div>
Run Code Online (Sandbox Code Playgroud)
问题是我想要整个页面,而不仅仅是有一个特定的div元素.任何帮助将不胜感激.请帮助我
提前致谢
我试图弄清楚如何在滚动事件上移动图像。我使用了.animate,但这会一直移动它,即使在用户放手之后也是如此。我希望它在用户停止滚动时停止。
当用户向下滚动页面时,我想隐藏我的站点标题(在 ScrollMagic 中很容易做到) - 但我不确定我是否也可以使用 ScrollMagic 来检测用户是否正在向上滚动,如果是这样再次显示标题。
棘手的部分是,对于初始向下滚动,我可以为主站点包装器设置一个简单的偏移量,但是对于在页面滚动过程中任何时候都可能发生的 scollup,我不确定如何使用 ScrollMagic 的事件来实现这一点?
任何帮助表示赞赏。
担
我知道使用jQuery表达式$(element).on("mousedown", function(evt) { ... });可以处理mousedown元素上的事件。
尽管我需要在浏览器的滚动条上检测到mousedown或click事件,并需要运行一些功能。
jquery ×10
scroll ×7
javascript ×6
html ×3
direction ×2
bind ×1
css ×1
debugging ×1
detect ×1
events ×1
jquery-ui ×1
mousewheel ×1
return ×1
scrollbar ×1
scrollmagic ×1