固定长度页面/滚动div

本文介绍了固定长度页面/滚动div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我猜一次一个问题会更好。 网址 aljones.us （是的，我又回来了） 我想让整个页面填满可视窗口我可以。 意思是我希望整个页面在当前用户上可见 屏幕。 这意味着我想要一个或两个div滚动。我认为，我已经找到了如何做到这一点，但是看起来不能缩小页面的大小，所以它适用于不同视口的。 任何方向，请// al

解决方案

al jones写道：

我想一次一个问题会更好。 URL http：// aljones.us （是的，我又回来了） 如果我能的话，我想让整个页面填满可视窗口。这意味着我希望整个页面在当前用户屏幕上可见。 这只有在我拥有高分辨率显示器和最大化浏览器时才有效。 这意味着我想要一个或两个divs滚动。我认为，我已经找到了如何做到这一点，但似乎不能缩小页面的大小，因此它适合不同的视口。 如果你改变div来滚动，我的鼠标滚轮就不会工作了，因为它现在整个页面都是。我必须将指针移动到div的' 滚动条并拖动它，非常不方便。 任何方向，请// al

别想了。 < g> - -bts -这个空间故意留空。

On Sun，2005年9月18日01:33:17 GMT，Beauregard T. Shagnasty写道：

al jones写道：

我想一次一个问题会更好。 URL http：// aljones .us （是的，我又回来了） 如果我能的话，我想让整个页面填满可视窗口。这意味着我希望整个页面在当前用户屏幕上可见。这只有在我拥有高分辨率显示器和最大化浏览器时才有效。

不确定我明白你的意思。我在800x600上看到的是 显然会比我在1152x864看到的要少，而且比我在（我的正常）1600x1200。我想要呈现的是当前用户可以在窗口中看到的当前页面的大部分内容。 我很可能错过了明显的 - 你会介意解释吗？

这意味着我想要一个或两个div来滚动。我认为，我已经找到了如何做到这一点，但似乎不能缩小页面的大小，因此它适用于不同的视口。

如果你改变div来滚动，我的鼠标滚轮就不会工作，因为它现在在整个页面上。我必须将指针移动到div'的滚动条并拖动它，非常不方便。

因为我们在这里互相挑选 - 我认为 - 对不起你的鼠标' 滚轮不能正常工作，我的确如此 - 甚至滚动div。如果我将 光标放在div中（不是我的，该死的，但是其中一个参考站点）并滚动 它确实可以工作......可怜的小鼠。 实际上，滚动toc是不太方便 - 而不是滚动 整个东西而丢失当前的字母？

任何方向，请// al

不要这样想。 < g>

不，在这种情况下，'我不接受。由于单个字母 太短 - 一般来说，左边的toc太长了 - 而且我很害怕b / b 害怕变得更长（我知道它）我会收到更多的信件。 我已经尝试过某种方式来逻辑地隔离toc中的字母/日记 所以我可以对它们进行分组，但是除了按日期顺序列出它们之外没有出现 - 任何建议那里（除了''不要那个''？））

al jones写道：

On Sun，18 Sep 2005 01:33:17 GMT，Beauregard T. Shagnasty写道：

al jones写道：

网址 aljones.us （是的，我又回来了） 我想让整个页面填满可视窗口如果可以的话。这意味着我希望整个页面在当前用户屏幕上可见。这只有在我拥有高分辨率显示器和最大化的浏览器时才有效。

不确定我明白你的意思。我在800x600上看到的东西显然会比我在1152x864上看到的要少，而且还比我在（我的正常情况下）1600x1200上看到的要少。

您认为您的访问者有多大比例的分辨率 大于1024？有多少人会将浏览器最大化（重要的问题）？ 我想呈现的是与用户一样多的当前页面实际上可以在他们的窗口中看到。我很可能错过了明显的 - 你介意解释一下吗？ 滚动div会有..滚动条..因此使用更多的 画布用于chrome，从而显示较少的内容，无论什么 浏览器大小是。

如果你将div更改为滚动，我的鼠标滚轮将无法工作，如它现在在整个页面上完成。我必须将指针移动到div的滚动条并拖动它，非常不方便。

因为我们在这里互相挑选 - 我认为 - 对不起你的鼠标'滚轮不能正常工作，我的确如此 - 甚至滚动它们。如果我把光标放在div（不是我的，该死的，但是其中一个参考网站）并滚动滚轮它确实有用......可怜的小鼠。

Win2K，Firefox 1.0.4。我将（高度：10em）添加到你的leftbit并且 得到了滚动条。我记得很难，你的溢出：auto只会 如果是指定高度。

停止想要。< g>

不，在这种情况下，我不接受。因为个人的信件很短 - 一般来说，左边的toc太长了 - 而且我害怕会变得更长（我知道它）我会收到更多的信件。

大多数人都习惯滚动菜单;我不认为这是一种困难。 我已经尝试过某种方式逻辑上隔离了toc中的字母/日记，所以我可以对它们进行分组，但是除了按日期顺序列出它们之外没有出现 - 那里的任何建议（除了''不要那个''？ :)）

不要喔哦。好吧，我不确定。 < g> - -bts -这个空间故意留空。

I guess one question at a time will work better. URL aljones.us (yes, I''m back again) I''d like to cause this whole page to fill the viewable window if I can. Meaning that I''d like the entire page to be visible on the current users screen. That means that I''d like one or both of the divs to scroll. I''ve found how to do that, I think, but can''t seem to ''size'' the page so it fits on different viewports. Any direction, please //al

解决方案

al jones wrote:

I guess one question at a time will work better. URL aljones.us (yes, I''m back again) I''d like to cause this whole page to fill the viewable window if I can. Meaning that I''d like the entire page to be visible on the current users screen. That would only work if I had a high-res monitor and a maximized browser. That means that I''d like one or both of the divs to scroll. I''ve found how to do that, I think, but can''t seem to ''size'' the page so it fits on different viewports. If you change the div to scroll, my mouse wheel won''t work, as it does now on the whole page. I would have to move the pointer to the div''s scrollbar and drag it, quite inconvenient. Any direction, please //al

Stop wanting that. <g> -- -bts -This space intentionally left blank.

On Sun, 18 Sep 2005 01:33:17 GMT, Beauregard T. Shagnasty wrote:

al jones wrote:

I guess one question at a time will work better. URL aljones.us (yes, I''m back again) I''d like to cause this whole page to fill the viewable window if I can. Meaning that I''d like the entire page to be visible on the current users screen. That would only work if I had a high-res monitor and a maximized browser.

Not sure I understand what you mean there. What I''d see at 800x600 is obviously going to be less than what I''d see at 1152x864 and still less than what I''d see at (my normal) 1600x1200. What I''d like to present is as much of the current page as the user can actually see in their ''window''. I''m probably missing the obvious - would you mind explaining?

That means that I''d like one or both of the divs to scroll. I''ve found how to do that, I think, but can''t seem to ''size'' the page so it fits on different viewports.

If you change the div to scroll, my mouse wheel won''t work, as it does now on the whole page. I would have to move the pointer to the div''s scrollbar and drag it, quite inconvenient.

Since we''re picking on each other here - I think - I''m sorry your mouse''s scroll wheel won''t work, mine does - even scrolling in divs. If I put the cursor in the div (not mine, damnit, but one of the ref sites) and scroll the wheel it does work ... poor mousey. Actually, is it less convenient to scroll the toc - than to scroll the whole thing and lose the current letter?

Any direction, please //al

Stop wanting that. <g>

No, in this case that''s not acceptable to me. Since the individual letters are so short - generally, the toc to the left is much too long - and I''m afraid going to get longer (I know it will, I have more letters to put up). I''ve tried some way to logically segregate the letters / diaries in the toc so I can group them but nonthing comes up except to list them in date order - any suggest there (besides ''don''t want that''? :) )

al jones wrote:

On Sun, 18 Sep 2005 01:33:17 GMT, Beauregard T. Shagnasty wrote:

al jones wrote:

URL aljones.us (yes, I''m back again) I''d like to cause this whole page to fill the viewable window if I can. Meaning that I''d like the entire page to be visible on the current users screen. That would only work if I had a high-res monitor and a maximized browser.

Not sure I understand what you mean there. What I''d see at 800x600 is obviously going to be less than what I''d see at 1152x864 and still less than what I''d see at (my normal) 1600x1200.

What percentage of your visitors do you think will have a resolution greater than 1024? And how many of them will have the browser maximized (the important question)? What I''d like to present is as much of the current page as the user can actually see in their ''window''. I''m probably missing the obvious - would you mind explaining? A scrolling div will have .. scrollbars .. thus using up more of the canvas for chrome, thus showing less of your content no matter what the browser size is.

If you change the div to scroll, my mouse wheel won''t work, as it does now on the whole page. I would have to move the pointer to the div''s scrollbar and drag it, quite inconvenient.

Since we''re picking on each other here - I think - I''m sorry your mouse''s scroll wheel won''t work, mine does - even scrolling in divs. If I put the cursor in the div (not mine, damnit, but one of the ref sites) and scroll the wheel it does work ... poor mousey.

Win2K, Firefox 1.0.4. I added ( height: 10em } to your "leftbit" and got scrollbars. S''far as I remember, your overflow: auto will only work if a height is specified.

Stop wanting that. <g>

No, in this case that''s not acceptable to me. Since the individual letters are so short - generally, the toc to the left is much too long - and I''m afraid going to get longer (I know it will, I have more letters to put up).

Most people are used to scrolling a menu; I don''t see it as a hardship. I''ve tried some way to logically segregate the letters / diaries in the toc so I can group them but nonthing comes up except to list them in date order - any suggest there (besides ''don''t want that''? :) )

Don''t wan.. oh. Well, I am not sure. <g> -- -bts -This space intentionally left blank.