`
xiaolaogong
  • 浏览: 66831 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

固定侧边蓝的css样式

 
阅读更多

 

ul.scroll {
  1. width: 15px;
  2. float: right;
  3. display: block;
  4. position: fixed;
  5. top: 40%;
  6. right: 0;
  7. _position: absolute;
  8. _margin-top: 300px;
  9. _top: expression(eval(document.documentElement.scrollTop));
  10. z-index: 6;
}
分享到：
| sitemesh config
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    10款很棒的菜单CSS样式

    7. **浮动菜单**：浮动菜单通常固定在页面的顶部或侧边，即使用户滚动页面，它们也会始终保持可见。这种设计增加了导航的便捷性，特别是在内容丰富的长页面中。 8. **动画加载**：动态加载的菜单可以为页面添加趣味...

    HTML侧边浮动/固定栏

    2. **设置样式**：接下来，在CSS中为这两个容器定义样式。对于侧边栏，我们将应用浮动属性。例如，如果你想让侧边栏在左侧浮动，可以设置`float: left;`。同时，为了确保主要内容不被浮动元素覆盖，需要使用`clear: ...

    jQuery侧边固定悬浮导航

    总结来说，jQuery侧边固定悬浮导航的实现涉及到HTML布局、CSS样式、jQuery事件监听和DOM操作等多个方面。理解并掌握这些技术点，对于创建具有现代感和用户体验友好的网站至关重要。通过实践和不断优化，我们可以创造...

    css 分页样式 sdkstudy

    1. **分页布局**：CSS可以用来设置分页的位置，比如将其置于页面底部居中，或者固定在侧边。这通常通过使用`position`（如`relative`、`absolute`或`fixed`）、`display`（如`inline-block`、`flex`或`grid`）和`...

    购物车小米侧边导航小米快捷菜单导航样式html+css

    在“03-小米快捷菜单导航”和“02-小米侧边导航”中，你将学习如何应用CSS来实现小米特有的导航样式。这可能包括使用选择器来定位HTML元素，设置颜色、字体、边框等样式属性，以及布局技巧如浮动（float）、定位...

    ( 11、jQuery滑动展开侧边固定面板代码

    描述中的"( 11、jQuery滑动展开侧边固定面板代码.zip )"提示我们这个压缩包包含了一个具体的实现代码，可能是一个HTML文件、CSS样式表和JavaScript脚本，用于演示如何利用jQuery来创建滑动展开的侧边固定面板。...

    大型门户站css样式命名和应用原则.pdf

    在构建大型门户站点时，CSS样式命名和应用原则是确保代码可维护性和高效性的重要方面。以下是基于给定文件内容的详细说明： 1. **CSS属性应用原则**： - **首页DIV高度设置**：首页的最小块级元素应当设置高度，以...

    79、Jquery商城侧边导航定位菜单

    综上所述，"79、Jquery商城侧边导航定位菜单"是一个涉及HTML结构、CSS样式以及Jquery交互的综合实践，它在提升网站可用性和用户体验方面发挥着重要作用。通过掌握相关技术和技巧，开发者可以为电商网站创造出更加...

    jQ侧边固定可折叠悬浮导航代码.zip

    6. **CSS样式**：为了使导航栏具有美观的外观，项目中包含了一些自定义的CSS样式，包括颜色、字体、边框和阴影等。这些样式可能通过类选择器、伪类和ID选择器来实现，确保了与页面其他元素的和谐共存。 7. **文件...

    jQuery和CSS3炫酷垂直固定侧边栏导航菜单特效

    在这个垂直固定侧边栏中，CSS3被用来创建丰富的视觉效果，如渐变、阴影、过渡和动画。例如，侧边栏可能会在滚动时保持固定位置，背景颜色或透明度可能会随着滚动距离而变化，或者菜单项在鼠标悬停时有动态效果。 ...

    jQuery滑动展开侧边固定面板效果源码.zip

    综上所述，"jQuery滑动展开侧边固定面板效果源码"是一个结合了jQuery选择器、事件处理、动画效果、CSS样式控制和响应式设计的项目。通过深入学习和理解这些知识点，开发者可以创建出更具交互性和用户体验的网页应用...

    侧边固定2列布局HTML5模板.zip

    使用这些模板时，开发者可以根据需求修改HTML内容，替换图片，调整CSS样式，甚至整合JavaScript功能。 CSS3在这个模板中发挥了重要作用，可能包含如边框阴影、渐变、圆角、过渡效果、动画等新特性。例如，侧边栏...

    jQuery点击滑动展开侧边固定层面板代码

    总结起来，实现“jQuery点击滑动展开侧边固定层面板代码”需要理解HTML结构、CSS样式以及jQuery的选择器、事件和动画方法。通过结合这些技术，我们可以创建出具有动态交互和良好视觉效果的侧边面板。记得在实际项目...

    jQuery右侧弹出侧边导航栏代码.zip

    接着，CSS样式负责布局和视觉效果。为了实现“右侧弹出”，CSS可能包含定位属性（如position:fixed, right:0）来使侧边栏固定在屏幕右侧，并通过CSS transition或动画效果来实现平滑的展开和收起。此外，CSS还用于...

    jQuery滑动展开侧边固定面板代码.zip

    5. **CSS动画和过渡效果**：为了实现平滑的展开和关闭效果，代码可能使用了CSS的`transition`属性来定义样式变化的过渡时间。同时，jQuery的`.animate()`方法也可以用来创建自定义的动画效果。 6. **面板状态管理**...

    jQuery和css3炫酷隐藏侧边栏菜单特效插件

    6. `css`：包含CSS样式表，定义了页面的布局和动画效果。 在实际应用中，开发者需要将这些文件整合到自己的项目中，并根据需要调整CSS和JavaScript代码，以适应不同的网站设计和需求。同时，确保浏览器兼容性也是...

    jQuery侧边固定悬浮蓝色导航栏

    - CSS样式设计，包括定位、颜色、字体、过渡效果等，使导航栏具有美观的视觉效果。 - jQuery的使用，如选择器、事件绑定、DOM操作和动画效果。 - JavaScript基础，理解变量、函数、条件判断等，用于编写自定义逻辑。...

    bootstrap侧边导航栏

    总结一下，Bootstrap侧边导航栏的实现涉及了HTML结构设计、CSS样式应用和JavaScript交互处理。通过理解这些基本组件和属性，开发者能够轻松地构建出符合自己需求的侧边导航栏，提升网站或应用的用户体验。在`test....

    侧边固定2列布局HTML5模板是一款采用两列布局，左侧固定不动的HTML5网站模板。_html网站模板_网页源码移动端.rar

    在这个侧边固定2列布局中，CSS起着核心作用。通过使用`position: fixed;`属性，可以将左侧栏设置为固定位置，使其在页面滚动时保持在屏幕的一侧。同时，使用`width`和`left`属性可以精确控制固定栏的宽度和相对于...

Magicbox
Global site tag (gtag.js) - Google Analytics