在英特尔XDK内滚动时如何隐藏标题?

时间:2015-07-13 09:27:50

标签: html5 intel-xdk

我在向下滚动时尝试隐藏标题,并在移动设备中向上滚动时再次显示标题。任何人都知道如何使用html + cordova在英特尔XDK应用框架2.x中完成这项工作? 我知道有这样的例子https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c但是对于我来说它不会在intel xdk中运行。

问题,有没有人能够在intel xdk + cordova框架内完成这个,在那种情况下如何?任何帮助或输入高度赞赏,谢谢!

1 个答案:

答案 0 :(得分:0)

是的,它对我来说很好,无论是在仿真器和USB连接的Android设备上的Debug选项卡中,我都必须明确地包含jquery。我基本上从你提供的链接中复制了代码并且它有效。如果您正在使用AppFramework,则CSS规则中可能存在可能的优先级问题,您应该能够通过使滚动相关规则更具体(如果需要,滚动类或特定ID)来修复。 AppFramework和jQuery之间也可能存在冲突,但我必须看到更多细节来解决这个问题。

看起来AppFramework会干扰页眉和页脚,因此您也可以尝试使用带有自定义类或名称的div来代替页眉和页脚元素。

我确实有一些错误,我使用Debug选项卡和模拟器的调试器进行了跟踪。要查找的是确保向上和向下滚动时标题元素上的类发生更改。如果这样做,那么你可以检查CSS规则,看看是否有一些优先事项。