标签: browser-scrollbars

类似Apple的滚动条使用CSS

我注意到在一些Apple网站上:http://help.apple.com/mobileme/index.html#mm5b08c671他们使用最近出现的WebKit滚动条CSS内容自定义滚动条.但是我根本无法复制它.有什么想法怎么做?我在这里有一个测试网站,但是我得到了默认的滚动条?谢谢

测试:http://driz.co.uk/scrollbar/

css browser-scrollbars

13
推荐指数
1
解决办法
3万
查看次数

将QTextBrowser滚动到顶部

我有以下内容:

QString html = ui->DetailsTextBrowser->document()->toHtml();
html = details.replace("#VERSION", "1.0");
ui->DetailsTextBrowser->document()->setHtml(details);
Run Code Online (Sandbox Code Playgroud)

不幸的是,在设置DetailsTextBrowser的HTML内容之后,文档将滚动到底部.

我尝试没有成功:

ui->DetailsTextBrowser->verticalScrollBar()->setValue(0);
Run Code Online (Sandbox Code Playgroud)

有没有办法将QTextBrowser滚动到顶部?

qt qt4 scrollbar browser-scrollbars qtextedit

9
推荐指数
1
解决办法
2442
查看次数

滚动到页面末尾时使用Jquery进行警报

有没有办法使用Jquery找出页面结束,这样就可以显示一条简单的消息,说明你已到达页面的末尾.

jquery browser-scrollbars

9
推荐指数
2
解决办法
2万
查看次数

webkit css滚动条样式

有没有办法完全摆脱滚动轨道?或者让它覆盖内容而不是将其推到一边?喜欢iOS/Lion滚动条?

以下内容非常接近,但即使轨道是透明的,也可以推动可滚动区域的内容并显示页面背景.

::-webkit-scrollbar {  
    width:8px;
    height:8px;
    -webkit-border-radius: 4px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background-color:transparent;
}

::-webkit-scrollbar-thumb {  
    background-color: rgba(053, 057, 071, 0.3);
    width: 6px;
    height: 6px;
    -webkit-border-radius:4px;
}
Run Code Online (Sandbox Code Playgroud)

css webkit browser-scrollbars

9
推荐指数
1
解决办法
1万
查看次数

iframe - 仅垂直滚动

我有一个iframe.

我需要一个跨浏览器的解决方案,以确保只有垂直滚动条可见,无论iframe内容的宽度如何.

我的解决方案已经依赖于jQuery,所以如果仅使用CSS不可能,那么我对jQuery解决方案持开放态度.

我怎样才能做到这一点?

css iframe cross-browser scrollbar browser-scrollbars

7
推荐指数
2
解决办法
8万
查看次数

只要浏览器添加滚动条,内容就会水平跳转

我使用固定宽度的正文和自动边距将我的内容集中在页面中间.当内容超出页面高度并且浏览器添加滚动条时,自动边距会强制内容跳过左侧滚动条宽度的一半.

将outerHeight与window.innerHeight进行比较是一种解决这个问题的合适方法吗?还有另一种解决方法吗?

我认为这应该是问题的足够信息,但如果我能回答其他问题,请告诉我.

编辑以澄清:我不想强制滚动条出现.

html javascript css browser browser-scrollbars

7
推荐指数
4
解决办法
7134
查看次数

如何从HTML页面中删除长水平滚动条

我正在使用twitter bootstrap开始一个项目,但是我有一个问题.水平长的空滚动条.我找不到问题,有谁知道这个问题是什么?

谢谢

html css scrollbar browser-scrollbars twitter-bootstrap

2
推荐指数
1
解决办法
1万
查看次数

改变滚动条设计

任何人都知道如何重新设计IE的滚动条滑块??不仅仅是一种颜色,但也执行..

css scrollbar browser-scrollbars

1
推荐指数
1
解决办法
2万
查看次数

自动滚动kendo Treeview以编程方式选择一个节点

我是kendo treeView的新手.我们是否可以自动滚动树视图以获取当前视口中的节点.我已经创建了一个示例来展示问题JSBin Sample

jquery browser-scrollbars kendo-ui kendo-treeview

1
推荐指数
1
解决办法
3952
查看次数

有没有办法使用JavaScript控制滚动条?

在我的下面的代码中,为每个间隔设置滚动DIV的功能,当我尝试向上滚动时由于间隔刷新滚动条再次下降.

我的代码:

   var int = self.setInterval("f2()", 1000);
   function f2() {
   var objDiv = document.getElementById("messages2");
   objDiv.scrollTop = objDiv.scrollHeight;
   }
Run Code Online (Sandbox Code Playgroud)

现在,通过使用onscrollDIV的属性,当用鼠标按住滚动条时,无论如何都要停止向下滚动?

就像是

       var int = self.setInterval("f2()", 1000);
       function f2() {
       var objDiv = document.getElementById("messages2");
       // if(objDiv.onscroll) i.e. when the particular DIV's scroll bar is on hold by cursor.
          {
          return false;
          }
       else
          {
            objDiv.scrollTop = objDiv.scrollHeight;
          }
      }
Run Code Online (Sandbox Code Playgroud)

如果可以实现上述类型的功能,请更正其语法.我是JavaScript的新手.

提前致谢..!

javascript scrollbar browser-scrollbars

0
推荐指数
1
解决办法
1万
查看次数