Loading [MathJax]/jax/output/CommonHTML/config.js

社区首页 >问答首页 >Div内部和顶部的滚动条

问Div内部和顶部的滚动条
EN

Stack Overflow用户

提问于 2012-03-24 18:02:01

回答 1查看 361关注 0票数 0

我想知道是否有可能在DIV的内部和顶部有一个滚动条，而不是旁边的滚动条？我正在开发一个chrome扩展，其中我有一个DIV，它包含页面最右侧的信息。当DIV超过页面高度时，滚动条会出现在此DIV旁边，而不是DIV内部和顶部。此外，我想知道，当用户不在滚动条上悬停时，是否有可能使滚动条淡出？

我已经在css中使用-webkit修改了滚动条的外观。以下是我所做的工作的一小段：

#sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#sidebar::-webkit-scrollbar-track-piece  {
    background-color: #f3f3f3;
    -webkit-border-radius: 0px;
}

#sidebar::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 0px;
}

google-chrome-extension

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-03-24 18:08:08

就拥有“内部”滚动条而言，您可以通过用另一个具有相同高度和所需永久宽度的DIV包装DIV来产生这种错觉。然后将内部DIV设置为100%宽度，它将随着滚动条的出现而调整。至于淡入淡出，我不相信滚动条是DOM的一部分，所以Javascript被淘汰了，但是你可以在CSS http://fvsch.com/code/transition-fade/test1.html中使用动画属性

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9854130

复制

相关文章

js中的面向对象程序设计

面向对象编程

面向对象的语言有一个标志，那就是他们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。

牛老师讲GIS

2018/10/23

6080

面向对象的程序设计

面向对象编程 ecmascript javascript

ECMA-262把对象定义为：”无序属性的集合，其属性可以包含基本值、对象或者函数。”

奋飛

2019/08/15

4270

面向对象程序设计

【面向对象程序设计】（OOP）与【面向过程程序设计】在思维方式上存在着很大的差别。【面向过程程序设计】中，算法是第一位的，数据结构是第二位的，这就明确地表述了程序员的工作方式。首先要确定如何操作数据，然后再决定如何组织数据，以便于数据操作。而【面向对象程序设计】却调换了这个次序，【面向对象程序设计】将数据放在第一位，然后再考虑操作数据的算法。

真正的飞鱼

2023/04/13

2K1

简述面向对象思想_简述面向对象程序设计的特点

面向对象编程编程算法 java https 网络安全

Java是一种面向对象的语言，那么什么是面向对象（Object Oriented Programming）？首先，什么是对象(Object)？Java中有一种思想叫做“万物皆对象”，对象就是具有某些特殊属性（成员变量）和行为方式（方法）的实体。现实生活中的任何事物都可以看作是对象，无论是具体或抽象的事物，比如：一个动物或者是城市的变化。具有两个特征：属性(Property)和行为(Behavior)。其次，什么是面向对象？

全栈程序员站长

2022/09/20

7110

JavaScript面向对象程序设计—创建对象的模式

JS本身为我们提供了Array、Date、Math等不少对象（见《浅析JavaScript的对象系统》），但在实际开发中我们使用最多的还是自定义对象。自定义对象是一门值得研究的学问。往浅了讲，它关系到代码量、封装性、代码是否优雅；往深了讲，它又涉及到内存开销、设计模式乃至JavaScript语言的核心。下面就一起循序渐进地看看如何更好地创建一个对象。 1. 基本模式 ---- var person = new Object(); //或 var person = {};person.name = "

用户1667431

2018/04/18

9210

JS面向对象的程序设计

http://www.cnblogs.com/gaojun/p/3386552.html

bear_fish

2018/09/19

1.3K0

JavaScript面向对象的程序设计

编程算法 javascript

工厂模式由于 ES6 之前没有 class 概念，所以使用函数来封装的，工程模式采用最直接的传入参数创建对象并赋值，然后返回对象的方式 function Great(name,age) { var o = new Object(); o.name = name; o.age = age; o.getName = function() { return this.name; } return o; } var g1 = Great('link',21); consol

努力的Greatiga

2022/07/25

2540

面向对象程序设计的由来

汇编语言面向对象编程

最早的程序设计都是采用机器语言来编写的,直接使用二进制码来表示机器能够识别和执行的指令和数据。简单来说,就是直接编写 0 和 1 的序列来代表程序语言。例如:使用 0000 代表加载(LOAD),0001 代表存储(STORE)等。机器语言由机器直接执行,速度快,但一个很明显的缺点就是:写起来实在是太困难了,一旦你发现自己写错了,改起来更蛋疼!这样直接导致程序编写效率十分低下,编写程序花费的时间往往是实际运行时间的几十倍或几百倍。有一个关于机器语言和比尔盖茨的笑话,是说比尔盖茨拿着绣花针在一张光盘上戳,把 Windows 给戳出来了!但如果真的让你去戳,不要说 Windows,连一个简单的“Hello world”都要让人戳到眼睛冒烟!

py3study

2020/01/15

6320

C++面向对象程序设计_面向对象程序设计的基本机制是

面向对象编程 https java 网络安全

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为

全栈程序员站长

2022/09/23

3300

面向对象程序设计的基本原理_面向对象程序设计c++答案

面向对象编程

一个类，只有一个引起它变化的原因。应该只有一个职责。每一个职责都是变化的一个轴线，如果一个类有一个以上的职责，这些职责就耦合在了一起。这会导致脆弱的设计。当一个职责发生变化时，可能会影响其它的职责。另外，多个职责耦合在一起，会影响复用性。例如：要实现逻辑和界面的分离。

全栈程序员站长

2022/08/04

3690

面向对象程序设计的基本原理_面向对象程序设计c++答案

Python面向对象程序设计中对象析构方法的调用时机

编程算法 python

众所周知，从面向对象程序设计角度来讲，在Python语言中，不管类的名字是什么，构造方法的名字统一为__init__()，在创建对象时自动调用，用来对数据成员进行初始化；析构方法的名字统一为__del__()，用来释放对象占用的内存空间，在删除对象时自动调用。

Python小屋屋主

2022/06/05

1.4K0

Python面向对象程序设计中对象析构方法的调用时机

PHP面向对象-类和对象的定义（五）

多态是面向对象编程中的另一个重要特性，它可以让不同的对象使用相同的方法，但是表现出不同的行为。在PHP中，多态可以通过接口和抽象类来实现。

堕落飞鸟

2023/04/27

6190

PHP面向对象-类和对象的定义（三）

在PHP中，类的属性和方法可以设置访问控制，以限制它们的访问权限。常用的访问控制有三种：公有（public）、私有（private）和受保护（protected）。

堕落飞鸟

2023/04/27

5680

PHP面向对象-类和对象的定义（一）

在PHP面向对象编程中，类和对象是最基础和最重要的概念。类是一种抽象的数据类型，它定义了一组属性和方法，用来描述某种事物的特征和行为；而对象则是类的一个实例，它具有类定义的属性和方法，并可以进行相应的操作。

堕落飞鸟

2023/04/27

5790

C++面向对象编程类对象的定义

编程算法 c++

对象和对象之间的关系：分别使用不同的内存来存储数据，使用相同的内存上的函数（一份函数拷贝）

风骨散人Chiam

2020/10/28

1K0

php面向对象中static静态属性和静态方法的调用

php 面向对象编程

这篇文章主要介绍了php面向对象中static静态属性和静态方法的调用,实例分析了static静态属性和静态方法的原理与调用技巧,需要的朋友可以参考下本文实例讲述了php中static静态属性和静态方法的调用。分享给大家供大家参考。具体如下：这里分析了php面向对象中static静态属性和静态方法的调用。关于它们的调用（能不能调用，怎么样调用），需要弄明白了他们在内存中存放位置，这样就非常容易理解了。静态属性、方法（包括静态与非静态）在内存中，只有一个位置（而非静态属性，有多少实例化对象，就有多少个属性

joshua317

2018/04/16

1.8K0

C++面向对象程序设计

c++程序设计对象函数继承

结论：C++推荐用引用技术，因为语法方便，引用本质是指针常量，但是所有的指针操作编译器都帮我们做了

浪漫主义狗

2023/09/04

4120

C++面向对象程序设计

面向对象编程 c++node.js ide 编程算法

结论：C++推荐用引用技术，因为语法方便，引用本质是指针常量，但是所有的指针操作编译器都帮我们做了

浪漫主义狗

2022/09/28

1.2K0

实验七面向对象程序设计

python 面向对象编程

在程序中使用对象来映射现实中的事物，使用对象间的关系来描述事物之间的联系，这种思想就是面向对象。面向对象编程有两个非常重要的概念：类和对象。对象是面向对象编程的核心。具有相似特征和行为的事物的集合统称为类，对象是根据类创建的，一个类可以对应多个对象。类是由3部分组成的：（1）类的名称：类名，首字母必须大写，比如Person；（2）类的属性：一组数据，比如性别；（3）类的方法：允许进行操作的方法，比如说话。使用class关键字来声明一个类，基本格式如下：

背雷管的小青年

2020/06/08

1.9K0

PHP面向对象-类和对象的定义（四）

继承是面向对象编程中的另一个重要特性，它可以让一个类继承另一个类的属性和方法，并可以对它们进行扩展和修改。在PHP中，可以使用extends关键字实现类的继承，语法如下：

堕落飞鸟

2023/04/27

4790

相似问题

面向对象的程序设计与建模

20

面向对象程序设计语言性能排序

70

推荐阅读(面向对象的)应用程序设计架构？

10

如何在面向对象程序设计中进行策略设计。

20

面向对象的对象转换

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例