Question

我有两个小问题。

我有一个粘性标题，通过向下滚动标题标记，通过输入区域突出显示。所有的东西都运行正常但我不会通过向下滚动来缩小标题的大小。任何人都可以帮助我吗？
我有两栏。在第一个是pic，在第二个是文本，通过在1320px和900px之间调整大小，pic比区域小。用图片填写图片的所有区域是否可行？如果图片的左侧部分有任何内容，那就无所谓了。

这是一个例子 https://gist.github.com/anonymous/4b3c42dcf5453e39a191

Answer 1

您必须在scrollstart上添加一个类：

$(window).scroll(function() {
   if ($(window).scrollTop() >= 100) {
       $('nav').addClass('active');
   } else {
       $('nav').removeClass('active');
   }
});

和Css：

.nav {
   transition:0.5s height ease;
}        

nav.active {
   height:50px;
}

您必须在img标签上添加100％宽度，如此
```
.header-kul-2-3 img {
    width:100%;
}
```

你的js中有一个js错误改变了这个：

scrollPoint = $('*[data-anchor="' + scrollAnchor + '"]').offset().top - 28;

或在您的部分设置数据 - 而不是P标记。

滚动时粘性标题变小

1 个答案: