标签: scrollbar

关于这个问题还有另外一个问题(隐藏滚动条和悬停时显示像facebooks的新聊天边栏一样),但我对他们如何实现滚动条的样式感兴趣.我只有一个猜测,那就是他们将自己的div放在滚动条所在的位置,从而隐藏它并简单地使自己的"抓手"跟随滚动高度.

我需要将垂直滚动添加到固定定位的div,如果有人知道一个好的插件(或者可以告诉我如何制作我自己的)来实现这一点,我很高兴听到他们.

谢谢

我有一个ID ="container"的div元素.我想将此元素设置为浏览器窗口中可查看区域的大小.我使用以下JS来这样做.

var container= document.getElementById("container");
container.style.height=(window.innerHeight);
container.style.width=window.innerWidth;

但是,浏览器窗口大小大于可查看大小,并显示水平和垂直滚动条.如何使我的HTML页面适合浏览器窗口而不需要滚动条？

编辑:

我基本上问,如何使文档大小与视口大小相同？

我在我的一个项目中使用Twitter Bootstrap,但是我的问题是我的内容超出了浏览器视图.通常你会看到屏幕右侧的滚动条,但不是我的情况.我在bootstrap css文件之后搜索overflow: hidden;或类似的东西并将其删除,但这并没有解决问题.

有人知道如何在bootstrap css中启用滚动条吗？(没有bootstrap css显示栏)

编辑:

我发现navbar-fixed你可以添加黑色导航栏中的问题.没有postition: fixed它工作正常.

假设我有一个静态网页并且整个页面被包装,让我们说在700px的宽度内,现在如果页面的内容太长,那么(显然)会出现一个滚动条.但是滚动条的外观会将所有内容移动到左侧,就像几个像素一样(需要适合页面右侧的滚动条).我想要做的是删除这个"移动"效果,这样如果需要滚动条,这不会以任何方式影响页面的内容.

我不知道我是否清楚自己.

让我们说这是一个网页:

| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |

这就是滚动条的外观:

| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ...... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | …

下面我有一个基于小js的模拟器,用于不同的命令工具.用户输入命令,如果正确,则将其显示在顶部.为了将来的使用,我需要确保在完成模拟之前它可以根据需要处理尽可能多的命令.这意味着我的内容不可避免地会溢出.

我现在的解决方案是将Y溢出设置为auto,添加滚动条和一个小jquery以使客户端始终滚动到输出div的底部,因为每次用户输入时内容都会附加到先前内容的下方正确的命令.

现在这个工作正常,除了我想删除滚动条.除了没有可见的滚动条之外,我希望内容的行为方式与溢出auto一样.

有没有办法用jquery或javascript做到这一点？

我知道我可以做一些css技巧在滚动条上用z-index放置某种黑色,但我想尽可能避免这种情况.

Visual Studio 2017中滚动条上的灰点是什么？

当我在Pycharm中使用jupyter notebook从单元格输出数据帧时,除非数据框的宽度适合窗口,否则它将不会显示.因此,在宽度比窗口宽度宽的情况下,仅产生白线,而我期望数据帧的一部分以及水平滚动条显示.运行以下内容:

import pandas as pd
import numpy as np
import string

multiplier = 2
col = [x for x in string.ascii_lowercase] * multiplier 
df = pd.DataFrame(columns=col)
pd.set_option('display.max_columns', None)
df.head()

生产:

但是当数据帧变得太宽(乘数= 4)时,我得到:

如前所述,我希望水平滚动条会像传统方式一样显示.有谁知道它为什么不起作用？

当我使用带有滚动条的任何控件(ListBox,Panel,TextBox)时,MouseWheel事件不会触发.

重现问题:

public class Form1 : Form
 {
  private readonly Button button1;
  private readonly TextBox textBox1;

  private void button1_MouseWheel(object sender, MouseEventArgs e)
  {
   ToString(); // doesn't fire when uncomment lines below
  }

  public Form1()
  {
   button1 = new Button();
   textBox1 = new TextBox();
   SuspendLayout();

   button1.Location = new System.Drawing.Point(80, 105);
   button1.Size = new System.Drawing.Size(75, 23);
   button1.MouseWheel += button1_MouseWheel;
   button1.Click += button1_Click;

   textBox1.Location = new System.Drawing.Point(338, 105);
   //textBox1.Multiline = true; // uncomment this
   //textBox1.ScrollBars = ScrollBars.Vertical;  // uncomment this 
   textBox1.Size = new …

我有一个div大小x = 540px y = 600px

我想隐藏水平滚动条,即使文本大于x大小.

我怎样才能隐藏水平滚动条？

我想隐藏页面中的滚动条,但我可以像滚动条那样滚动.所以我不能使用溢出:隐藏因为我想我可以像平常一样滚动但看不到滚动条.

所以我使用这个css代码(类not-scroll-body是一类body标签)

.not-scroll-body::-webkit-scrollbar {
    display: none; 
}

它可以在Chrome中使用,但是当我使用它-moz-而不是-webkit-像这样

.not-scroll-body::-moz-scrollbar {
    display: none; 
}

它在Firefox中不起作用.

我该怎么做才能让它发挥作用？

谢谢你的每一个答案,抱歉我的英语很差:)