javascript - Logo 应仅在滚动条上可见

标签 javascript html

我将 Logo 放置在粘性导航栏中。仅当滚动 100 像素时它才应该可见。

我尝试使用引用Show div after scrolling 100px from the top of the page但它不适合我。 有谁可以帮忙吗?

这是代码

<div id="toplogo"><img src="images/logo.png" /></div>
<script>
var navlogo = $("toplogo");
$(window).scroll(function(){
  if($(window).scrollTop() >= 100 ){
       navlogo.show();
  } else {
     navlogo.hide();

  }
});
</script>

最佳答案

您的 jquery 选择错误。

var navlogo = $("toplogo");

应该是

var navlogo = $("#toplogo");

关于javascript - Logo 应仅在滚动条上可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28060783/

相关文章:

html - Div 1 行文本 = 底部,Div 超过 1 行 = 顶部

javascript - 如何清理div内容?

javascript - 用实体名称在Vue中生成标题

javascript - 为什么这段代码不显示背景图片?

javascript - Karma Tast Runner 可以在 Node js v0.12.0 上运行吗?

javascript - 鼠标左键单击与 JavaScript 中的右键单击例程发生冲突

javascript - 如何在 JS 和 PHP API 之间设置 session token ?

javascript - 我的 svg 路径使用 d3 进行像素化

java - 使用 javascript 仅打印 html 表格

javascript - 当我尝试单击 Shift + Tab 组合时,会触发 Shift 键