在onscroll javascript上不起作用
可能是由于以下几个原因：
- 元素没有滚动条：onscroll事件只在有滚动条的元素上触发。如果元素没有滚动条，onscroll事件将不会起作用。可以通过设置元素的overflow属性为"scroll"或"auto"来创建滚动条。
- 事件绑定问题：确保正确绑定onscroll事件。可以使用addEventListener方法来绑定onscroll事件，例如：element.addEventListener('scroll', function() { // 处理滚动事件的代码 });
- 元素高度不足以产生滚动：如果元素的内容不足以撑满元素的高度，那么滚动条将不会出现，onscroll事件也不会触发。可以通过设置元素的高度或添加足够的内容来解决这个问题。
- 父元素滚动事件干扰：如果元素嵌套在另一个有滚动条的父元素中，父元素的onscroll事件可能会干扰子元素的onscroll事件。可以尝试阻止父元素的onscroll事件冒泡，或者将子元素的onscroll事件绑定到父元素的滚动容器上。
- 其他可能的原因：可能存在其他与页面结构、CSS样式或JavaScript代码相关的问题，导致onscroll事件不起作用。可以检查浏览器的开发者工具中的控制台输出，查看是否有任何错误提示或警告信息。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和管理应用程序。详情请参考：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储和应用场景。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
2回答
我正在使用下面的代码来隐藏滚动上的导航栏，但它似乎在我正在测试的iPad上不起作用。
jQuery(document).ready(function($) {
var previousScroll = 0,
headerOrgOffset = $('.hide-nav').height();
$('.sq-header-nav').height($('.hide-nav').height());
$(window).scroll(function () {
var currentScroll = $(this).scrollTop();
if
浏览 1提问于2013-12-27得票数 0
我的公司希望我们的网站标题在向下滚动时消失，但在向上滚动时重新出现，这是我能够用JS和CSS实现的--它在桌面上工作得很好，但在移动平台上不起作用。我正在使用Wordpress和Beaver Builder (我已经升级到Beaver Builder，以防有什么东西阻止它？)
JAVASCRIPT：
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrol
浏览 1提问于2022-10-24得票数 0
2回答
我意识到HTML5元素在IE上不起作用。诸如所需占位符之类的ELements在IE上不起作用。我找到了一个javascript，可以让占位符工作，但我想问一下，是否有任何javascript编码可以让所需的属性也工作？？
干杯!
我的代码：
<input required="required" type="password" name="password" id="password" class="regfields"/>
提前感谢
浏览 1提问于2012-04-01得票数 0
回答已采纳
我正在尝试在一个登录页面上创建这个视差效果。同样遵循本教程的 (跳到21:00)获取jquery。
我现在正在创建站点的jquery端，但我已经为这个站点创建了一个js文件，并为登录页面创建了一个新的文件(还试图将代码放在我的主js文件中。但不管怎样，为了测试侦听器和控制台，我提供了以下代码。
$(window).scroll(function(){
console.log('h1')
});
下面是我的主js文件中的代码
$(document).ready(function(){
$("#graphics").hide();
$(
浏览 2提问于2015-08-03得票数 0
1回答
我有一个脚本，监测滚动，并采取滚动控制，以动画的页面基于某些参数。为了做到这一点，它调用了window.scrollTo(0, currentScrollTop);，它完美地中断了Windows上火狐的平滑滚动。然后，我可以让页面滚动到我想要的位置。
不幸的是，这个技巧在MacOS的浏览器中似乎不起作用，这导致了当JavaScript和浏览器竞争滚动窗口时的体验中断。
有没有一种跨浏览器的方法来停止JavaScript的平滑滚动？
网站使用效果有问题：
相关(简化)代码：
$doc.on('scroll', function(e)
{
$doc.off(
浏览 0提问于2012-12-05得票数 1
回答已采纳
1回答
只触发一次
、、、
我有一个javascript文件，用于对齐单个绝对div，使其始终与水平滚动位置内联。
我不知道我的代码有什么不工作--在浏览器和火狐中，我的代码似乎只触发了一次，然后就再也没有了。
有人有什么想法吗？我已经查了一段时间了，我找不出错误。(我已经尝试过on涡旋+=和on涡旋=，两者都不起作用)。这39偏移只是为了确保脚本启动，直到我让它开始工作。
window.onload=scrollSet;
function scrollSet(){
window.onscroll += KeepLeftAtScroll();
}
function KeepLeftAtScroll(){
v
浏览 3提问于2014-10-21得票数 0
回答已采纳
1回答
我如何使用javascript锁定水平滚动，我对overflow-x隐藏不满意，我试图找到一个javascript选项来锁定x轴上的to移动事件？我一直在尝试解决这个问题，到目前为止，我只能锁定水平和垂直滚动。
浏览 1提问于2014-02-08得票数 0
我在一个设置为overflow auto的div中设置了一个RadGrid。如果向下滚动并选择一行，div的滚动位置将被重置到顶部。尝试使用内置的滚动功能，但不起作用(布局中断，仅模板单元格的背景滚动，而不滚动其他元素)。尝试JavaScript重置活动行上div的scrollTop属性已更改，但也不起作用。
浏览 1提问于2012-02-21得票数 2
回答已采纳
1回答
我正在尝试使用onblur使主页按钮在特定链接滚动离开时出现。
这是主体中的代码。
<div id="lynx">
<a href="#resume" onblur="btnDisplay()"><h3>Resume</h3></a>
<a href="#projects"><h3>Projects</h3></a>
<a href="#connect"><
浏览 1提问于2015-08-06得票数 1
我在这里遇到了一个小问题。我有Javascript的基础知识，我想做以下几件事：
现在，当你向下滚动时，菜单会变小。当你重新启动时，它会恢复正常。我用window.onscroll调用这个事件：
var diff = 0;
function effects(){
var topDistance = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
var clientWidth = window.innerWidth || docum
浏览 2提问于2016-10-12得票数 11
回答已采纳
因此，我有一个类声明，并且在我的构造函数中，我想在窗口滚动时添加一个事件侦听器。如下所示：
class MyClass {
constructor(el, options) {
// (...) initiating this properties and methods
$window.on('scroll', this.onScroll);
}
当我添加我的事件侦听器时，我失去了this作用域(onScroll()创建自己的this实例)，但是如果我使用$window.on('scroll', () =>
浏览 2提问于2017-09-15得票数 1
当我滚动时，我的图像必须用javascript向下移动10px。我试了很多，比如：
function myFunction() {
document.getElementById("test").style.marginTop = "10px";
}
css：
#test {
position: absolute;
margin-left: 614px;
margin-top: 366px;
width: 32%;
}
但它不起作用。
浏览 0提问于2021-04-15得票数 0
2回答
如何使用jquery/javascript禁用span。脚本
$('#spanid').attr("disabled", 'disabled');
在IE上运行良好，但在firefox上不起作用。
浏览 0提问于2011-07-18得票数 4
回答已采纳
1回答
我正在开发一段javascript，它将在一个不友好的iframe中运行。幸运的是，我有一个接口，它允许我在iframe父页面中运行javascript，但这不是问题所在。
问题是:在我的代码中，我需要将一个函数附加到iframe父页面的window.onscroll事件。不幸的是，我从一开始就不知道我的代码将在哪些网站上运行，所以我不知道它们是否已经有一个附加到window.onscroll的功能
如果在网站已经有window.onscroll =function(){.}的情况下，会发生什么情况？会被改写吗？如果是的话:有办法避免这种情况吗？
我希望我已经解释清楚了。提前谢谢你！
浏览 2提问于2014-05-16得票数 0
回答已采纳
嘿，嘿，
我不是一个开发人员，但试图为我的婚礼庆典建立一个小的私人网页，并想添加一个滚动到顶部按钮。我正在编程的网站手动使用VSC。我的问题是，我可以使用HTML和CSS生成按钮，但是JS似乎不起作用，我也不知道出了什么问题。是的，在浏览器中启用了JS。
因此，我在HTML中添加了这个按钮：
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
并将我的.js文件链接到HTML页面标题中。
<script type="
浏览 6提问于2022-01-15得票数 1
JavaScript IntelliSense在Visual Studio2017RTM编辑器上不起作用。我甚至不能格式化代码，什么都不能用。
浏览 2提问于2017-03-14得票数 20
我有一个可以在这个网站上运行的代码：
然而，确切的代码在我的网站上不起作用。(除了我必须添加的例外
围绕javascript的<script TYPE="text/javascript"> & < /script>。)
我是不是漏掉了什么？
浏览 0提问于2011-05-25得票数 2
回答已采纳
我想改变我的颜色标题从我的导航栏，当用户滚动一点。我在Prestashop工作，我们可以为它添加自定义CSS和自定义javascript。
我首先分析了我的预prestashop主题中导航栏文本的id：
然后我创建了一个小小的javascript：
window.onscroll = function() {
var title= document.getElementById('title-text');
if ( window.pageYOffset > 100 ) {
title.classList.add("white
浏览 2提问于2021-01-07得票数 0
回答已采纳
有没有办法确定浏览器是否支持javascript onscroll事件？因为我正在开发一款适用于安卓和iphone的WebApp，而onscroll事件适用于安卓，但不适用于iphone。
那么，在javascript中有什么方法可以让我检测浏览器是否支持它吗？
浏览 1提问于2011-09-15得票数 1
回答已采纳
所以现在我已经在Javascript中创建了一个onload函数...但当我发现我不能在我正在开发的应用程序中使用任何onLoad javascript函数时，已经很晚了:(
<script type="text/javascript">
var sticky = document.querySelector('.sticky');
var origOffsetY = sticky.offsetTop;
function onScroll(e) {
window.scrollY >= origOffsetY ? sticky.classLis
浏览 0提问于2013-12-09得票数 0
1回答
在这里，我需要创建一个网站，应该支持所有互联网可访问的手机。我可以使用javascript吗?在一些论坛上，他们告诉我javascript在手机上不起作用。
建议我清楚，在手机上javascript工作不好吗？
谢谢
浏览 3提问于2008-11-12得票数 0
1回答
以下JavaScript在Chrome、FF等上工作--它触发相应的按钮--但在IE8上不起作用：
<input type="submit" value="save" name="save" class="button">
document.getElementsByName('save').item(0).click()
是否有一个与在IE8上工作的等效(本机Javascript)？
浏览 0提问于2014-04-11得票数 0
我有一个面板是打开的，但在IOS上，主体在面板后面滚动。 当面板打开时，我使用window.onscroll = function () { window.scrollTo(0, 0);来停止面板后面的页面滚动。 但是，我需要在事件处理程序中恢复正常的滚动。我可以使用什么javascript来恢复正常的滚动？目前，当面板关闭时，当您尝试滚动时，您将定位回窗口的(0,0)。 谢谢!
浏览 21提问于2019-02-22得票数 1
回答已采纳
我试图在我的引导导航栏上实现一个SlideDown/SlideUp类型的效果。
我添加了一个标准的javascript函数，如下所示。但它似乎不起作用，并与页面滚动功能冲突。是否有可能解决此问题？
代码：
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementsByClassName(
浏览 0提问于2018-04-04得票数 0
我们有一个JavaScript结构，可以在Windows和MacOSX上的Firefox中播放.wav文件，但它在Red Hat Linux上不起作用。我需要什么分机？
浏览 1提问于2008-11-21得票数 1
2回答
我的add类没有更新吗？我正在尝试做一个粘性的导航，但是我的网站没有更新css。现有的问题似乎都无济于事。该网站为
Html：
<nav id = 'main-nav'>
<a href="/index.php"><img class = 'logo' src='CSS/IMG/logo.png' alt='Logo'></a>
<ul>
<li><
浏览 0提问于2018-11-28得票数 1
我正在做Javascript的工作，我必须显示该文件的位置和日期和时间，这些文件将上传。但是日期和时间处理在Firefox上不起作用，它只在chrome上起作用。那么我该怎么做才能得到日期、时间和文件路径呢？
浏览 1提问于2012-07-26得票数 0
由于某种原因，我的javascript在iphone上不起作用。我希望它在页面加载时将选定的值设置为默认值。这在安卓系统上的Chrome上可以使用(在GalaxyS7上进行测试)。
有谁能提出解决方案，或者指出为什么在iphone上不起作用？
var mobselectmenu = 'A-Z';
mobselectmenu = document.getElementById("sortBy");
window.onload=function(){
var mobdefaultSort = '<?php $sort = $r
浏览 1提问于2017-11-20得票数 0
回答已采纳
1回答
当我使用onClientClick事件调用.aspx文件中的javascript函数时。但它在all.how上不起作用。在textbox的"<>“中输入数据时，我会收到警报吗？请帮帮我
浏览 0提问于2010-05-18得票数 0
回答已采纳
2回答
提交表单后，卷轴向上移动，如何保持滚动的位置？这段代码不起作用，任何人都可以事先帮你谢谢或建议做。
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<style>
.container {
border:2px solid #ccc;
width:600px;
height: 1000px;
overfl
浏览 1提问于2015-08-12得票数 1
1回答
日安，
我试图使用javascript (移动端)在Safari iOS13.3中打开一个新标签，但是没有成功。
我正在尝试这个:a href="#“onClick="window.open(url，'_blank')"，然而，它在SAFARI上不起作用，但在Chrome上能起作用。
我需要一些帮助。谢谢
浏览 3提问于2020-02-04得票数 2
1回答
Java script在基本权限模式下工作。当更改为特权模式时，JavaScript不起作用。
我在一篇文章中发现，它在实际设备上不起作用，但在模拟器中起作用。但我正在模拟器中尝试它。
事实上，我让它工作过一次，联系人API也为我工作过。它抛出一次异常，之后如果我将类型指定为特权类型，JavaScript将不起作用。将其设置为认证无济于事。
有什么需要帮忙的吗？提前谢谢。
浏览 1提问于2014-02-21得票数 0
我正在尝试渲染一个带有标题的单张表。标题需要卡在平面列表的顶部，但当用户向下滚动时需要隐藏。当用户再次开始滚动时，需要显示标题。我能够使用stickyHeaderIndices使标题保持不变。然而，StickyHeaderHiddenOnScroll似乎根本不起作用。据我所知，StickyHeaderComponent在scrollView中使用，而不是在ListHeaderComponent中使用，但在平面列表的情况下，这似乎不显示任何标题。
<FlatList
data={selectedStream}
浏览 1提问于2021-11-21得票数 2
我想使用Javascript在UIWebview上添加填充，因为我在全屏和导航栏模式之间切换视图，导航栏隐藏了原始页面的顶部。
这就是代码。它在某些页面上有效，但在某些页面上不起作用。有没有人有办法让它在所有页面上都能工作？
- (void)webViewDidFinishLoad:(UIWebView*)webView {
//make padding on the top and the bottom of webview
NSString *padding = @"document.body.style.padding='64px 0px 44px 0px
浏览 1提问于2012-03-25得票数 3
回答已采纳
我有一个带有全局javascript函数的全局文件functions.js，这些函数是从其他javascript调用的。为什么这在我的android手机上不起作用？
函数在functions.js中是这样定义的
function function_name(){
alert("test");
}
调用类似于其他javascript文件。
function_name();
还有其他方法来处理全局javascript函数，使其在android上运行吗？
浏览 3提问于2015-02-15得票数 0
回答已采纳
两者的比例不同，所以我每次都要计算偏移量。
我不想使用状态和动作(我使用的是redux)，因为它会影响我的性能，因为它会重新渲染每个鼠标滚动(我也尝试了去抖动/节流)。
我有一个包装器组件，它呈现另外两个组件，如下所示：
class Wrapper extends React.Component {
render() {
return (
<div>
<FirstComponent />
<SecondComponent />
</div>
);
}
}
我尝试使用r
浏览 2提问于2016-12-23得票数 6
我在javascript中使用了transition，但在firefox上不起作用，有人知道为什么吗？在google chrome上很好用。这是我的代码：
el.style.backgroundImage = "url('menu.jpg')";
el.style.transition = "background 0.4s";
浏览 0提问于2016-01-18得票数 0
1回答
我正在尝试使用window.showmodaldialog来连接带参数的html。但它在手机上不起作用。
如何在JavaScript中调用它？
浏览 1提问于2014-03-12得票数 0
最后的“了解更多”和“添加到购物车”按钮在火狐的以下页面上不起作用：。控制台中没有javascript错误，我在日志中也看不到适用的PHP错误。有什么想法吗？
浏览 0提问于2013-04-29得票数 0
嘿，伙计们，iphone的下一个或上一个按钮javascript键代码是什么..在输入中？
Pc选项卡代码为9..但这在iphone的next按钮上不起作用
浏览 0提问于2011-06-07得票数 0
4回答
我想使用HTML5最小最大验证，但此代码：
<input id='quantity' name='quantity' type='number' min='0' max='5' />
在firefox上不起作用。所以我写了js脚本，但这也不起作用。怎么了？
<input id='quantity' name='quantity' type='number' pattern='[1-9]*' oninput='check();&
浏览 0提问于2013-12-26得票数 0
我正在测试以下javascript项目：。当我尝试通过这个链接运行相同的项目演示时：，它可以在两个浏览器上运行。但是，当我从github下载该项目并在电脑上本地运行时，它在Chrome上不起作用。它只是冻结(没有波形和记录按钮不起作用)。
浏览 0提问于2016-01-14得票数 0
我在我的网站上使用了jQuery accordion；它在Windows和Android设备上运行正常，但在iPhone设备上不起作用。
我的jQuery代码如下：
<script type="text/javascript">
var accordion;
jQuery(document).click("ready", function(){
accordion = jQuery("#accordion").accordion();
});
</script>
浏览 0提问于2015-09-23得票数 0
最近，我从同事和朋友那里得到反馈，我的一个网站的一些功能在苹果设备上不起作用。通过一些研究，我发现Safari阻塞了javascript。
我怎么能强迫它？
更具体地说，需要javascript在光模式和暗模式以及意大利语和英语模式之间切换。
浏览 7提问于2022-04-06得票数 -1
2回答
我首先尝试了一下viewport的meta标签，但它不起作用。然后我试着用screen.availWidth，但它也不起作用。
浏览 0提问于2015-03-14得票数 0
1回答
今天的HTML5有没有一种方法可以复制到剪贴板上，不需要浏览器插件(因此没有Flash或java)，也不需要短期的黑客攻击，也就是在画布上构建图像？
复制到剪贴板将由javascript启动，但有用户确认或对话框不是问题。
在Windows和Linux上不起作用的解决方案，或者至少在Chrome和Firefox上不起作用的解决方案，我都不感兴趣。
理想情况下，我更喜欢不强制显示图像的解决方案(这是用document.createElement('canvas')在内存中构建的)，但这并不是绝对的要求。
浏览 2提问于2012-05-15得票数 6
回答已采纳
2回答
所以我有一些基于悬停和点击的扩展和拼接功能。该函数在基本测试中运行良好，但在站点上不起作用。当用户单击Expand A和Expand B时，外部容器将随之展开，因为您可以在中测试它。但是，当将相同的代码应用于时，外部容器不会随展开的div展开。相反，如果div太长，它会使用扩展的div。这里我漏掉了什么？
提前谢谢。雷克斯
附言:我不能使用较新版本的jQuery或更改布局。这就是CMS的设置。但是，我可以更改css属性和javascript函数。
jQuery脚本在测试版本上运行良好：
但它在网站上不起作用：
浏览 2提问于2011-12-06得票数 0
回答已采纳
大家好，我有一个问题，我在reactjs上，我确实创建了一个名为Storymap的类，然后我创建了一个同时滚动2个did的函数
例如，滚动在机器人div‘the second div’中
Scrolling = () => {
var isSyncingLeftScroll = false,
isSyncingRightScroll = false,
leftDiv = document.getElementById('top'),
rightDiv = document.getElementById('bot
浏览 2提问于2018-04-03得票数 0
Java Servlets -如何检测用户是否来自移动设备？
我使用的是TinyMCE javascript编辑器，但它在iphone上不起作用。如何检测用户是否来自移动设备？
浏览 0提问于2010-04-25得票数 10
回答已采纳
当用户按下网页上的按钮时，如何下载图像。我不想使用<a href download="file">，因为它在某些设备上不起作用。如何使用JavaScript完成此操作
浏览 0提问于2016-05-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
