Question

我想记录用户滚动包装器的程度。

以下代码不起作用。我想知道我做错了什么以及如何解决它。谢谢！

import net.sf.ehcache.CacheManager;
import net.sf.ehcache.Status;
import net.sf.ehcache.statistics.StatisticsGateway;

String[] cacheNames = CacheManager.ALL_CACHE_MANAGERS.get(0).getCacheNames();
int size = CacheManager.ALL_CACHE_MANAGERS.get(0).getCache(<EntityName>).getSize();
String name = CacheManager.ALL_CACHE_MANAGERS.get(0).getCache(<EntityName>).getName();
List keys = CacheManager.ALL_CACHE_MANAGERS.get(0).getCache(<EntityName>).getKeys();
Status status = CacheManager.ALL_CACHE_MANAGERS.get(0).getCache(<EntityName>).getStatus();

logger.info(cacheNames);
logger.info(size + "");
logger.info(name + "");
logger.info("{}", keys);
logger.info("{}", status);

const content = document.getElementById('content')
const wrapper = document.getElementById('wrapper').addEventListener('scroll', () => {
  console.log(content.scrollTop)
})

#wrapper {
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 250px;
  overflow: auto;
}

#content {
  position: absolute;
  top: 0;
  left: 0;
  background-color: orange;
  width: 50px;
  height: 500px;
}

Answer 1

不是content.scrollTop，而是wrapper.scrollTop。

Answer 2

获取匹配元素集中第一个元素的滚动条的当前垂直位置，或为每个匹配元素设置滚动条的垂直位置。

scrollTop()：垂直滚动位置与可滚动区域上方隐藏的像素数相同。如果滚动条位于最顶部，或者元素不可滚动，则此数字将为0。

＆＃13;

$('#wrapper').scroll(function() {
  console.log($(this).scrollTop());
});

＆＃13;

#wrapper {
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 250px;
  overflow: auto;
}

#content {
  position: absolute;
  top: 0;
  left: 0;
  background-color: orange;
  width: 50px;
  height: 500px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wrapper">
  <div id="content"></div>
</div>

＆＃13;

使用scrollTop检测滚动

2 个答案: