我使用的是react,只有在用户在页面上向下滚动150 on之后,我才会显示标题。
因此,当用户开始向下滚动时,我希望出现一个粘性的标题。再次,当用户滚动到页面顶部时,粘性页眉就消失了。
<div className="container">
// display this on top of the page:
<JumbotronImage />
// display this when user starts to scroll, sticky on top of the page
<StickyHeader
我想做一个标题,这将改变滚动事件,完全一样,在。当光标位于页面顶部时,页眉将以不同的方式出现。向下滚动时,标题内容将更改并被修复。
我已经找到了这些例子(和许多其他的例子),但是它们只是缩小并且变得固定,头内容根本不会改变。
注意:如果可能的话,,一些没有第三方包的东西,在加载时会减慢页面的速度,就像很多js文件一样。
谢谢
例如,:
window.onscroll=function ()
{
//Based on given offset like 100px maximum
if (scroll == down)
{
//Display he