主页 / 问题 / 562988
Accepted
Sevastopol'
Asked:2020-09-05 19:39:29 +0000 UTC2020-09-05 19:39:29 +0000 UTC

块如何沿着其整个高度进入屏幕？

  • 772

下午好！请向我解释以下内容。有一个页面。滚动页面时向下滚动。在查看页面的过程中，页面主体中有一个高度为 100% 的块（滑块）。所以问题本身就是：如何让滚动页面时，这个高度为100%的块正好落在屏幕的高度上，即 这样当你向下滚动页面时，它就会清楚地“击中”屏幕。如http://tass.ru/spec/crimea-energy的示例- 无论您如何翻页，滑块显然都会变成屏幕的高度。我为双关语道歉。我希望我解释清楚了，至少我试过了。感谢您的关注！

scroll

2 个回答

  1. Best Answer

    您可以通过 Web 检查器轻松查看现有网站上的 CSS 解决方案。右键单击您感兴趣的元素，然后选择“检查元素”或“查看元素代码”。Web 检查器将打开，显示元素的布局和样式。具体来说，对于您问题中的部分，样式将是：

    #arctic section.full-img-text-align {
    font-size: 0;
    height: 100vh;
}

    该属性的值100vh字面意思是“屏幕高度的 100%”。它解决了这个问题。

    • 2

  2. jquery 会帮助你。使用构造：

    $(document).ready(function() {
    var winHeight = $(window).height();
    var winHeightPX += "px";
    $(".you_div").css("height", winHeightPX);
}

    .you_div您需要的块的类在哪里。

    • 2

相关问题