javascript - 谷歌浏览器问题 : scroll to bottom detection on zoom out

Question

我正在使用检测滚动位置的标准方法，以便在用户滚动到底部时启用按钮。它在 100% 缩放下工作正常，直到缩小为止。

http://jsfiddle.net/ruslans/94qmk4t6/ (尝试缩小到 90%/75%)

       function ViewModel() {
           this.scrolledToBottom = ko.observable(false);
           this.onScroll = function (data, event) {
               var el = event.target,
                   $el = $(el),
                   scrollPosition = $el.scrollTop() + $el.innerHeight();

               if ($el.scrollTop() === 0) return;
               this.scrolledToBottom(scrollPosition >= (el.scrollHeight));
           };
       }

我可以使用一个简洁的解决方法吗？

Answer 1

这是一个link关于检查视口(viewport)和 DOM 的答案。如果您需要更具体的答案，可以点击一些链接。

关于您的问题以及如何解决问题，您正在检查滚动事件。我认为您的解决方案应该解决较小文本和可滚动文本的问题。您的问题可能会以其他方式表现出来，例如更高分辨率的屏幕(4k 越来越流行)由于窗口较大而没有滚动条。