Javascript 在页面上向下滚动时，如何调整图像的大小？_Javascript_Jquery_Html_Css_Navbar

Javascript 在页面上向下滚动时，如何调整图像的大小？

javascript jquery html css

Javascript 在页面上向下滚动时，如何调整图像的大小？,javascript,jquery,html,css,navbar,Javascript,Jquery,Html,Css,Navbar,我正在为一个网站创建一个导航栏，但是我似乎无法让它工作。我想标志缩小，因为你在网站上向下滚动。我尝试过webkit动画，还有一些javascript/jQuery函数，但他们不想合作。这是我目前使用的函数，它似乎不喜欢它。我怎么修理它 HTML: 您可以使用jQuery执行以下操作： $(document).on('scroll', function() { if ($(document).scrollTop() >= 10) { $('.logo img').css('wid

我正在为一个网站创建一个导航栏，但是我似乎无法让它工作。我想标志缩小，因为你在网站上向下滚动。我尝试过webkit动画，还有一些javascript/jQuery函数，但他们不想合作。这是我目前使用的函数，它似乎不喜欢它。我怎么修理它

HTML:

您可以使用jQuery执行以下操作：

$(document).on('scroll', function() {
  if ($(document).scrollTop() >= 10) {
    $('.logo img').css('width', '50px');
  } else {
    $('.logo img').css('width', '');
  }
});

这里的完整示例：

您可以使用jQuery执行以下操作：

$(document).on('scroll', function() {
  if ($(document).scrollTop() >= 10) {
    $('.logo img').css('width', '50px');
  } else {
    $('.logo img').css('width', '');
  }
});

这里的完整示例：

您可以使用

onscroll

事件：

<body onscroll="myFunction()">

您可以使用

onscroll

事件：

<body onscroll="myFunction()">

将

页脚

放入

正文

！我想您误解了

页脚

的用途。请将

页脚

放入

正文

！我想你误解了

页脚

的用途。我把它放在我的代码中，但不管出于什么原因，它都不起作用？小提琴很好用？那你应该分享你的代码。。也许在jsfiddle中设置它，我也会在我的代码中设置它，但不管出于什么原因，它都不会工作？小提琴很好用？那你应该分享你的代码。。也可以在JSFIDLE中设置它