当前位置: 首页 > 面试题库 >

滚动时将对象固定到浏览器窗口顶部

姚新霁
2023-03-14
问题内容

最近,我在新的gmail和HTML5
bing预览中看到了一个有趣的新功能,该功能可在滚动时将导航栏固定在浏览器窗口的顶部。该栏可能从页面向下100px开始,但是当您滚动并到达浏览器窗口顶部时,它会固定在那里,直到您向上滚动到其最初位置为​​止。

我的问题是;我该怎么做或做类似的事情?

希望您能理解我的问题以及我要描述的内容。


问题答案:

如果您希望元素在页面上进一步向下移动,然后在向下滚动时固定在顶部,则可能是一个不错的开始



 类似资料:
  • 我有一个div类,这个类与一个小的JavaScript函数相关联,它将使div显示为全屏。"也就是说,的宽度和高度将是100%”。 因此,高度和宽度不是固定的,它是根据窗口的缩小动态计算的。 在该div下,还有另一个具有ID标头“导航栏”的标头,标头最初相对定位在div.fullscreen-然而,我试图将其定位为固定,当#标头的顶部到达顶部时浏览器窗口。 所以这里是我正在玩的,它切换固定的风格,

  • 问题内容: 我需要检测用户是否滚动到页面底部。如果它们在页面底部,则当我在底部添加新内容时,我将自动将它们滚动到新底部。如果它们不在底部,则它们正在阅读页面上较高的内容,因此,我不想自动滚动它们,因为它们希望停留在原处。 如何检测用户是滚动到页面底部还是滚动到页面较高? 问题答案: window.onscroll = function(ev) { if ((window.innerHeight +

  • 我想在移动显示分辨率下运行我的所有Behat/Mink测试。最好的方法是在开发工具模式下使用Chrome运行所有测试,您可以选择“iPhone5/SE”等等,以模拟在该设备上运行。 这里有一个关于如何用Behat2调整浏览器窗口大小的问题。在behat/mink/drupal中有设置窗口分辨率的示例代码。 基于这些示例,我在我的FeatureContext中添加了以下代码: 然而,我得到了这个错误

  • 问题内容: 我正在使用量角器进行测试,但是似乎无法访问JS“窗口”对象。我什至尝试在我的html文件中添加一个包含如下内容的标签 然后尝试Expect(a),但我无法使其正常工作,我总是会得到未定义的引用… 我应该如何处理访问浏览器范围内的变量? 问题答案: 假设您使用的是最新版本的量角器,假设> = 1.1.0,希望> = 1.3.1 尝试直接从Protractor访问浏览器端JS代码是行不通的

  • 我使用JQuery在向下滚动时隐藏一个元素,并在向上滚动到屏幕顶部时显示它。我遇到的问题是,每当我滚动到窗口顶部时,显示的元素会立即再次隐藏。 我记录了滚动位置,当它滚动到顶部时,它看起来肯定保持在0,所以不太清楚为什么会发生这种情况。我甚至尝试使用大于0的数字,例如10,但同样的情况仍然发生。任何帮助都将不胜感激。 编辑:我根据要求添加了一些简单的html标记,其设置与我的实际代码几乎相同;

  • 本文向大家介绍jQuery 顶部导航跟随滚动条滚动固定浮动在顶部,包括了jQuery 顶部导航跟随滚动条滚动固定浮动在顶部的使用技巧和注意事项,需要的朋友参考一下