`
haimav
  • 浏览: 57116 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

隐藏滚动条的控制

    博客分类:
  • asp
阅读更多

1)隐藏滚动条
<body style="overflow-x:hidden;overflow-y:hidden">
(2)如何在单元格或图层中出现滚动条
<div style="width:200px;height:200px;overflow-x:auto;overflow-y:auto;"></div>
(3)javascript改变框架中滚动条的样式,比如改变颜色、改为平面效果等
<STYLE>  
BODY   {SCROLLBAR-FACE-COLOR:   #ffcc99;  
              SCROLLBAR-HIGHLIGHT-COLOR:   #ff0000;  
              SCROLLBAR-SHADOW-COLOR:   #ffffff;  
              SCROLLBAR-3DLIGHT-COLOR:   #000000;  
              SCROLLBAR-ARROW-COLOR:   #ff0000;  
              SCROLLBAR-TRACK-COLOR:   #dee0ed;  
              SCROLLBAR-DARKSHADOW-COLOR:   #ffff00;}  
</STYLE>  
   
说明:    
scrollbar-3dlight-color:color;设置或检索滚动条亮边框颜色;    
scrollbar-highlight-color:color;设置或检索滚动条3D界面的亮边颜色;    
scrollbar-face-color:color;设置或检索滚动条3D表面的颜色;    
scrollbar-arrow-color:color;设置或检索滚动条方向箭头的颜色;当滚动条出现但不可用时,此属性失效;    
scrollbar-shadow-color:color;设置或检索滚动条3D界面的暗边颜色;    
scrollbar-darkshadow-color:color;设置或检索滚动条暗边框颜色;    
scrollbar-base-color:color;设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。    
scrollbar-track-color:color;设置或检索滚动条的拖动区域颜色    
备注:    
color为你要设置的颜色代码,可以是16进制的,比如#FF0000,可以是以RGB表示的,比如rgb(255,0,255);设置滚动条样式的时候不必要把所有的属性都用上才会生效。

(4)javascript中的页面元素定位
clientX、clientY是鼠标当前相对于网页的位置,当鼠标位于页面左上角时clientX=0, clientY=0;
offsetX、offsetY是鼠标当前相对于网页中的某一区域的位置,当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0;
screenX、screenY是鼠标相对于用户整个屏幕的位置;
x、y是鼠标当前相对于当前浏览器的位置
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离(因为有滚动条的产生,所以目前页面可见内容是不定的)。
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
left:对象相对于页面的X坐标。
top:对象相对于页面的Y坐标

QQ:11422265

http://www.xinwanglu.cn
(4)屏蔽选择,右键等
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">

分享到:
评论

相关推荐

    易语言高级表格隐藏滚动条

    在“易语言高级表格隐藏滚动条”这个主题中,我们主要探讨的是如何在易语言中对高级表格控件进行操作,以达到隐藏滚动条的效果。这在某些界面设计中是必要的,例如为了保持界面简洁或自定义滚动行为。 首先,我们...

    webbrowser滚动条隐藏

    这个主题“webbrowser滚动条隐藏”主要涉及到CSS样式控制和技术实现,我们将深入探讨如何通过CSS来隐藏滚动条以及相关的一些考虑因素。 首先,滚动条隐藏的最常见方法是利用CSS3的伪元素选择器`::webkit-scrollbar`...

    js : 隐藏滚动条利用滚轴滚动

    在JavaScript和jQuery的世界里,有时候我们可能需要在页面设计中隐藏滚动条,以达到更加美观或者特定的视觉效果。然而,隐藏滚动条并不意味着要牺牲滚动功能,通过一些技巧,我们依然可以让用户通过滚轴来查看页面...

    iframe的滚动条问题:显示隐藏滚动条.doc

    iFrame滚动条问题:显示隐藏滚动条 iFrame滚动条问题是指在使用iFrame时,滚动条的显示或隐藏问题。这个问题的出现是由于iFrame的滚动条样式在不同的浏览器和文档类型声明(DOCTYPE)下会有所不同。 在ASP.NET、...

    jquery隐藏滚动条.zip

    "jQuery隐藏滚动条"就是一个这样的解决方案,它利用jQuery库和CSS3技术来实现滚动条的动态显示与隐藏,尤其适用于创建具有悬浮效果的滚动条。这个项目中的"jiaoben1813"可能是代码示例或教程的一部分。 首先,...

    jquery隐藏滚动条 jquery隐藏滚动条代码下载.zip

    总结一下,隐藏滚动条可以通过CSS的`overflow`属性实现,而jQuery则提供了更灵活的控制方式,可以根据不同场景和用户交互来动态调整。在实际开发中,应结合CSS和jQuery,兼顾界面美观和用户体验。希望这个压缩包中的...

    javascript 显示隐藏滚动条

    js javascript 显示隐藏滚动条 隐藏滚动条 显示滚动条,可以动态的改变,这样有利于控制用户操作。而且这个小小的demo里面获得body或者Element对象的方法也是很特别的。或者说是有意思。

    js隐藏滚动条功能

    虽然CSS能很好地隐藏滚动条,但有时我们需要更动态的控制,例如在某个事件触发时显示或隐藏滚动条。这时,JavaScript就派上用场了。这里有一个简单的例子: ```javascript function toggleScrollbars() { document...

    易语言隐藏显示滚动条例程

    在这个“易语言隐藏显示滚动条例程”中,我们将深入探讨如何使用易语言来控制窗口中的滚动条的可见性。 首先,我们要明白滚动条在用户界面中的作用。滚动条通常用于在内容超过窗口可视区域时提供导航,允许用户上下...

    易语言高级表格隐藏滚动条源码

    3. **动态控制**:在某些情况下,你可能需要根据数据量动态显示或隐藏滚动条。这可以通过编写事件处理代码实现,比如在数据加载后检查是否所有内容都能在视窗内显示,如果不能,则显示滚动条;反之则隐藏。 4. **...

    c# 控制带有滚动条的控件

    在C#编程中,控制带有滚动条的控件是一项常见的任务,特别是在开发用户界面时,尤其是在需要处理大量数据或者需要用户浏览超过屏幕显示范围的内容时。`ScrollBarManagerTest`这个项目可能是一个演示如何实现这一功能...

    易语言隐藏并禁止超文本浏览框滚动条

    2. **设置属性**:接下来,我们需要修改超文本浏览框的属性来隐藏滚动条。在属性列表中,找到“水平滚动条”和“垂直滚动条”两个属性。将这两个属性值都设为“否”,即可隐藏滚动条。同时,还可以设置“禁止用户...

    滚动 条控制 滚动条控制

    5. 移动设备:触屏设备上的滚动条多通过滑动手势实现,部分设备甚至默认隐藏滚动条以保持界面简洁。 四、编程语言中的滚动条控制 1. Java:Java Swing和JavaFX提供了JScrollPane组件,可以方便地添加滚动条到组件...

    易语言屏蔽超级列表框滚动条源码

    通过修改源码,我们可以让程序在运行时自动处理滚动条的显示,例如,当所有数据都在可视区域内时隐藏滚动条,或者根据用户的操作动态显示和隐藏滚动条。 易语言的源码通常包括事件驱动的代码结构,这意味着每个控件...

    对网页滚动条的隐藏及显示控制.rar

    三、响应式设计中的滚动条控制 在响应式设计中,根据设备的屏幕尺寸和方向,我们可能希望在某些视口条件下隐藏滚动条,而在其他条件下显示。这可以通过媒体查询实现: ```css @media (max-width: 768px) { body {...

    JS去除iframe滚动条的方法

    然而,有时嵌入的网页内容尺寸可能会超过iframe的可视区域,这时浏览器会自动为iframe添加滚动条,以便用户能够滚动查看整个内容...`样式来隐藏滚动条。这些知识和技巧都是在处理iframe滚动条时应该考虑的重要方面。

    HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式

    如果希望在某些情况下隐藏滚动条,可以使用`overflow: hidden;`: ```css div { width: 200px; height: 200px; overflow: hidden; } ``` 然而,CSS3引入了新的特性和伪元素,使得我们可以进一步定制滚动条的...

    jsp实现,登录,插入,查询oracle数据可视化看板,数据区域实现隐藏滚动条,但有滚动效果,图表利用highcharts控件

    通过配置Highcharts的API,可以定制图表样式、添加交互效果,比如本例中的数据区域滚动条。 4. **JavaScript**:JavaScript是客户端脚本语言,用于增强网页的交互性。在本项目中,JavaScript可能被用来处理用户的...

    2款自动隐藏显示的滚动条JS

    1. CSS方法:通过设置CSS样式来隐藏滚动条,当需要时再显示。例如: ```css body { overflow: hidden; /* 隐藏滚动条 */ } /* 当需要显示滚动条时 */ .show-scrollbar { overflow: auto; } ``` 通过JavaScript...

    html 隐藏滚动条的简单实现

    在实际应用中,还可以结合JavaScript或者使用CSS3的`::-webkit-scrollbar`伪元素进行更复杂的滚动条控制,比如自定义滚动条的样式或者仅在鼠标悬停时显示滚动条。但这些进阶操作需要更多的代码和浏览器兼容性测试。 ...

Global site tag (gtag.js) - Google Analytics