【问题标题】:HTML : page development like g mail with out browser vertical scroll barHTML:页面开发,如没有浏览器垂直滚动条的 g mail
【发布时间】:2015-08-09 08:55:00
【问题描述】:

我正在使用 HTML 和 CSS 开发 CRM 项目。我需要让我的项目适合所有没有垂直滚动条的屏幕,就像 g 邮件一样。如果我们观察 g 邮件,我们只有邮件部分没有浏览器的滚动条。我也需要像那样实现。谁能帮助我如何实施。页面应该适合所有屏幕意味着它是在小屏幕还是大屏幕或中屏幕。是否有任何教程或任何脚本用于根据浏览器高度计算主要内容的高度。

我附上了图片。在那个标题和主要内容部分就在那里。所以我需要根据浏览器高度来设置身体高度,并且我需要每次根据浏览器以及内部分区计算每个部分的高度。

我们不应该给出任何固定的高度,因为我们需要适合所有分辨率的屏幕,例如 1366*768 和 1400*968 和 1680*1050 和 1920*1080。因此,当我们增加浏览器高度时,DOM 高度也应该增加和减少。

请帮助我找到这种类型的 HTML、CSS、JavaScript 和 Jquery 开发。

【问题讨论】:

    标签: javascript jquery html css email


    【解决方案1】:

    首先检查元素的默认高度。使用 JQuery 可以这样做: var height = $('.classOfYourElement').height(); var currentBrowserHeight = $(window).height();然后你需要附加一个监听器来调整事件 $(window).resize(function() { // 在这里你现在正在计算窗口高度与你之前设置的窗口默认高度的差异。这个差异然后你应该申请 div 高度 :) 希望有帮助。 }); ——

    【讨论】:

      【解决方案2】:

      您需要在第 5 部分周围有一个包装器,并给它一个固定的高度。 然后你必须指定溢出-y值来滚动我猜。

      【讨论】:

      • 我们不应该给出任何固定的高度,因为我们需要适应所有分辨率的屏幕,比如 1366*768 和 1400*968 和 1680*1050 和 1920*1080。因此,当我们增加浏览器高度时,DOM 高度也应该增加和减少。
      • 那你需要javascript或者jquery来实现这个。
      • 请用 java 脚本建议我该如何继续。我是网络开发的新手。如果你不介意,请给我推荐一个简单的例子。
      • 首先检查元素的默认高度。使用 JQuery 可以这样做: var height = $('.classOfYourElement').height(); var currentBrowserHeight = $(window).height();然后你需要附加一个监听器来调整事件 $(window).resize(function() { // 在这里你现在计算窗口高度与你之前设置的窗口默认高度的差值。这个差值然后你应该申请 div 高度 :) 希望有帮助。 });
      猜你喜欢
      • 2011-12-06
      • 1970-01-01
      • 1970-01-01
      • 2013-12-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-28
      • 1970-01-01
      • 2016-06-09
      相关资源
      最近更新 更多