jQuery 的scrollLeft 不起作用

2024-01-07

我刚刚推出http://elliewauters.com http://elliewauters.com有一个我想解决的小问题,该网站使用大量动画水平滚动从一个“页面”到下一个“页面”,但刷新时大多数浏览器都会记住滚动位置并返回到之前的位置, 我不想要这个。尝试转到“关于”页面然后刷新。您会看到徽标和菜单位于页面中间,与您第一次访问该网站时的位置相同。

我需要两件事中的任何一个帮助:

  1. 在页面刷新时将滚动位置重置回 0,0 或
  2. 如果scrollLeft 值大于1,则将徽标和菜单移至顶部。

我尝试过使用$(window).scrollLeft(0);无济于事&

scrollLeft = $(window).scrollLeft();
console.log(scrollLeft)
if (scrollLeft>1) {
    $('#header').addClass('notLeft').css('top','0%');
} else {
    $('#header').addClass('left').css('top','25%');
}

不起作用,有人知道我如何实现我想要的吗?

提前致谢


Firefox 无法工作,因为console.log(scrollLeft)所以删除它后应该可以工作。至于你遇到的问题,我猜它只发生在IE中?解决办法是不使用$(window)但将其替换为$(document)。所以使用:

scrollLeft = $(document).scrollLeft();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery 的scrollLeft 不起作用 的相关文章

  • jquery:如何检查div中的所有单选按钮是否被选中

    我的 html 看起来像这样 div div
  • Backbone.js 与 Google 地图 - 有关此问题和侦听器的问题

    我有一个为 Google Maps v3 创建的模块 我正在尝试将其转换为 Backbone js 视图构造函数 到目前为止 这是我的视图模块 我将解释代码后遇到的问题 pg views CreateMap Backbone View ex
  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl
  • 有一个带有复选框的 jsTree,如何禁用所有复选框?

    我有一个动态构建的 jsTree 它允许用户选择他选择的任何节点 现在我试图使这棵树只读 以便其他用户可以看到信息而不改变它 我找到的所有示例都是关于禁用特定节点 我的问题是 有没有办法将树上的所有复选框定义为只读 正在使用的代码 jQue
  • 动态地将 .on() 方法与事件映射绑定

    我使用此语法来确保事件绑定动态添加li元素 ul list on click li function do something 我尝试使用这样的事件映射来存档相同的内容 ul list hammer css hacks false on s
  • 以编程方式触发 highchart 散点图上某个点的单击事件

    实际上 我有一个小要求 其中有一个带有点列表和下拉列表的散点图 当我从下拉列表中选择一个项目时 应触发其相应的数据点单击 当我在图表上选择一个数据点时 必须执行一些操作 并且下拉列表应根据选择进行更新 我们有什么办法可以做到这一点吗 我尝试
  • 将数字限制为段的最优雅的方法是什么?

    比方说x a and b是数字 我需要限制x到段的边界 a b 换句话说 我需要一个钳位功能 https math stackexchange com q 1336636 clamp x max a min x b 有人能想出一个更易读的版
  • 如何按值删除数组中的多个项目?

    我正在尝试做一个removeAll 函数 它将删除具有该特定值 而不是索引 的数组的所有元素 当我们对循环进行任何更改时 棘手的部分就出现了 索引往往会移动 使其很难像我们想要的那样工作 并且每次更改时都重新启动循环 这在大数组上效率非常低
  • 本地 401 工作,临时服务器得到 302

    我可能不会获得帮助第一次尝试所需的所有信息 但我会尽我所能 并在我们进行过程中对其进行编辑 我有一个使用 Spring Security Core 插件的 Grails 1 3 7 应用程序 我正在编写处理会话超时和 ajax 请求的代码
  • 使用jquery和coldfusion cffile上传多个文件

    不是一个真正的问题 只是想将其发布在某个地方 因为我在其他地方找不到它 现在我已经拼凑了一个工作演示 我想我会分享 这在 Coldfusion 和 Railo CFML 服务器上同样有 效 问题是 对于 CFML 开发人员来说 CFFILE
  • javascript onclick 进入新窗口

    这是我的代码
  • select 元素是否具有标准值属性?

    这是一个简单的问题 但我找不到任何参考资料 所以就在这里 假设我有一个选择元素
  • 在部分渲染时执行 JavaScript

    我有一些 JavaScript 代码 我想在用户单击其文件夹之一后执行 它会触发 show 操作和 show js erb 从而呈 现部分内容 Show js erb 当用户单击其文件夹之一时触发 如下所示 body append 它成功注
  • 如何在 JavaScript 中从代理对构造 UTF-16 字符?

    以下计算 Unicode 代码点的 UTF 16 代理对 戴着医用口罩的脸 https emojipedia org face with medical mask 但是如何从代理对构造字符以在字符串中使用呢 const codepoint
  • 如何将命名空间与 TypeScript 外部模块一起使用?

    我有一些代码 基本类型 ts export namespace Living Things export class Animal move export class Plant photosynthesize dog ts import
  • jQuery - 未捕获类型错误:对象 # 没有方法“parent”

    我的代码有问题 Chrome代码光谱仪说第21行有问题 问题如下 Uncaught TypeError Object
  • 在 Javascript 中创建数组

    我对 javascript 不太熟悉 并且在用 javascript 制作 2d 或者也许我可能需要 3d 数组时遇到了一些麻烦 我目前需要收集 2 条信息 一个 ID 和一个值 因此我创建了以下内容 var myArray var id
  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho
  • 将 javascript 变量作为参数传递给 @url.Action()

    是否可以将javascript变量作为参数传递给 url Action 因为据我所知可能存在服务器和客户端问题 我的要求是我必须根据过滤器下载文件 并进行ajax调用不适用于下载文件 所以我对 url Action 进行了编码 但无法实现这
  • 将一维数组转换为二维数组[重复]

    这个问题在这里已经有答案了 我正在开发一个程序 我必须将文本文件中的值读入一维数组 我已经成功获取该一维数组中的数字 m1 1 2 3 4 5 6 7 8 9 但我希望数组是 m1 1 2 3 4 5 6 7 8 9 您可以使用此代码 co

随机推荐

  • Apache mod_rewrite 已启用,但不工作

    第二天与使用 mod rewrite 的问题作斗争 系统操作系统 Windows XP HTTP 服务器 Apache 2 2 httpd httpd conf 中的几个相关行 LoadModule rewrite module modul
  • Xcode 9 的安全区

    在探索的同时Xcode9 测试版 Found 安全区在界面构建器上查看层次结构查看器 文档要点是 我很好奇并试图了解苹果文档中的安全区域 与自动布局直接交互的视图区域 但这并没有让我满意 我想知道这个新东西的实际用途 有人知道吗 Apple
  • UITableView 中的自定义单元格在滑动编辑后立即移动

    我只想要一个简单的 UITableView 能够向左滑动删除 一切正常 除了我的原型单元中文本视图的正确约束似乎在滑动删除后发生了变化 这是我的表代码 func tableView tableView UITableView cellFor
  • 触摸表视图单元格后的第一个方法 didSelectRowAtIndexPath 或prepareforSegue?

    我根据其类型设计了不同书籍的表格视图 如果用户触摸单元格 则会对需要书籍项目的新视图控制器执行segue 我已在中初始化了这本书 void tableView UITableView tableView didSelectRowAtInde
  • 如何向现有 Windows EC2 实例添加实例存储?

    我有一个 Windows 2008 EC2 实例 我已对其 EBS 启动驱动器进行了一些自定义 我将实例启动为 m1 small 或 m1 large 并且实例存储不会显示为附加驱动器 我读到 ec2 run instances 命令中的
  • 如果文本框为空,如何禁用按钮

    首先 我很抱歉我的英语不好 我是 C 初学者 我制作了一个 Windows 窗体应用程序 但如果文本框为空 我无法禁用一个按钮 我尝试了一些启用的方法 但它们不起作用 希望有人能帮我解决这个问题 非常感谢 public partial cl
  • 如何在 Jenkins 中通过 ssh-agent 直接在 Windows 上使用 git

    我正在尝试更新裸 git 存储库作为构建的一部分 在 Linux 上 它相对简单 dir my git repo git sshagent git sh git fetch origin module module 但是我不知道如何在 Wi
  • 如何向 Oracle 数据库中 CLOB 中包含的 xml 添加属性?

    如何向 Oracle 数据库中 CLOB 中包含的 xml 添加属性 我可以使用 UpdateXML 函数来更新现有属性 但它不会添加属性 您可以使用以下组合deleteXml 与任一appendChildXml insertChildXm
  • App Engine 和 Firebase 托管在一个域中

    我有一个自定义域 travelbox id 已连接到 Firebase 托管 我还有一个 App Engine 应用程序作为我的 API 我想将 App Engine 应用程序托管在api dev travelbox id 我将自定义域映射
  • 如何使母版页中内容页的默认焦点

    我有带有内容占位符的母版页 我有使用母版页的内容页 在我的所有内容页面中 我需要默认关注文本框 以便用户可以直接在文本框中键入内容 而不是将鼠标移到文本框上 在某些页面中没有文本框 因此我不会将默认焦点保留在那里 有什么方法可以在我的母版页
  • Java 字符串返回 null

    我试图让一个类从另一个类返回一个字符串 尽管我得到的返回值为空 我有一个 set 方法 可以在原始类中设置字符串 但是当在第二个类中调用该方法时 我得到 null 返回 这是第一堂课 public class IceCream instan
  • Android Kotlin 回收器视图中点击事件的新意图

    我刚刚开始学习使用 Kotlin 进行 Android 开发 我有一个列出项目的回收者视图 我正在尝试为该项目创建 onClick 事件 然后启动一个新意图并传递项目 id 尝试实例化意图 无法使用提供的参数调用以下函数 时出现错误 我认为
  • 通过在另一个模块中混合来覆盖模块混合行为

    我希望能够来回切换实例如何响应消息 我想通过混合一个模块 然后混合另一个模块来覆盖该行为来做到这一点 Example module Dog def speak puts woof woof end end module Cat def sp
  • 使用数组 C# 中的值过滤数据表

    我有一个删除方法 它获取一个 GUID 数组 并且我有一个数据表 如何过滤数据表 使其仅包含 GUID public void delete Guid guidlist datatable template ReadTemplateList
  • 无效查询参数的 HTTP 404 与 400

    这是我的请求网址 http server com app user getuser userId 9999 http server com app user getuser userId 9999 注意userId是查询参数 未嵌入路径参数
  • 如何在 NEXT JS 中的路由之间传递状态?

    我的页面中有一个对象内的数据 我想从该页面重定向到另一个页面以及数据 如下面的代码 const redirectAppointmentStep1 value gt router push pathname Appointment booki
  • 使用“new”创建对象时使用“return”

    我今天发现了一些非常奇怪的事情 如果你使用构造函数创建对象并且new关键字 但是return来自构造函数的函数 其行为如下 新创建的 对象 是一个函数 这个新函数可以像平常一样调用 但是 如果您保留对this在构造函数中 this引用从构造
  • 在流体容器中,我可以使元素的高度和宽度一样吗?

    我正在使用 container fluid 并且对于使用 span2 等在列上进行水平宽度设置非常有效 我有一个独特的要求 即我想要呈现 方形 的东西 同时仍然享受 Bootstrap 响应式宽度设置的好处 有没有一种好方法可以确保我的元素
  • FormView 绑定中的 DropDownList

    我想将下拉列表绑定到List
  • jQuery 的scrollLeft 不起作用

    我刚刚推出http elliewauters com http elliewauters com有一个我想解决的小问题 该网站使用大量动画水平滚动从一个 页面 到下一个 页面 但刷新时大多数浏览器都会记住滚动位置并返回到之前的位置 我不想要