将 Javascript 与 Drupal 结合使用

发布于 2024-12-11 09:52:00 字数 286 浏览 0 评论 0原文

我有一个网站, http://raptorshop.com

目前,我已将 CSS 设置为最小高度 700px ,但是我希望每个页面都能自动记录浏览器的大小,并相应地调整大小(以便页脚大约有 50-200px,具体取决于浏览器大小,仅此而已)。目前,如果您在小显示器上浏览该网站,它会出现滚动,这是我不想要的。

Drupal 有办法做到这一点吗?我知道如何对各个页面执行此操作,但我希望每个页面都执行这种自动检查/调整大小。

I have a website, http://raptorshop.com

Currently, I have set the CSS to have a min-height of 700px, however I would like for every page to automatically note the size of the browser, and resize accordingly (so that the footer has about 50-200px depending on browser size, but nothing more). Currently, if you browse to the site on a small monitor, it gives a scroll, which I do not want.

Is there a way to do this in Drupal? I know how to do it for individual pages, but I want every page to do this sort of automatic check/resize.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

我爱人 2024-12-18 09:52:00

您可以使用 jquery 轻松检查窗口高度,然后根据需要更改 css。
一个例子:

$(document).ready(function(){
  if ($(window).height() < 700) 
  {
    // this window is smaller than 700px 
  }
  else
  {
    // this window is bigger than 700px
  }
});

You can check the window height with jquery pretty easily, then change the css as needed.
An example:

$(document).ready(function(){
  if ($(window).height() < 700) 
  {
    // this window is smaller than 700px 
  }
  else
  {
    // this window is bigger than 700px
  }
});
不忘初心 2024-12-18 09:52:00

您将必须编辑一些模板文件,例如网站页眉和页脚的模板文件。在这些中,听起来您真正想要实现的是 CSS 粘性页脚。

您可以在这里获取其中之一:http://www.cssstickyfooter.com/

You're going to have to edit some template files, such as those for the site's header and footer. In those, it sounds like what you really want to implement is a CSS Sticky Footer.

You can get one of those here: http://www.cssstickyfooter.com/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文