`

html 固定底部存在滚动条 初始化时可以Scroll顶部

 
阅读更多
html代码
<div id="x_xxx_details_win" style="width:900px;height:620px;display:none;">   
     <div id="xxx_details" style="padding:5px 10px;height:515px;overflow:auto;">	
     </div>
     <div style="padding-top:10px;padding-bottom:5px;text-align:center;border-top:1px solid #ADD0FF" >
     <div style="margin-top:5px">
	   <button class="btn windowclose">关闭</button>
     </div>
</div>


js滚动代码

$("#xxx_details").animate({scrollTop:0},300);



分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    DataGridView固定滚动条

    在某些情况下,我们希望在数据重新绑定或更新时保持用户的视图位置,比如当滚动条在底部时,我们不希望用户每次数据更新后都必须手动将滚动条拉回原来的位置。`DataGridView`的默认行为是当数据重新绑定时,滚动条会...

    VC_对话框自带滚动条的使用

    // 滚动条初始位置 SetScrollInfo(SB_VERT, &vinfo); // 设置垂直滚动条信息 ``` 这里的`nPage`参数决定了滚动条的分页大小,通常与滚动条的可视部分长度和实际内容高度有关。`nMax`和`nMin`分别表示滚动条的最大...

    listBox滚动条选项循环Demo

    3. **Scroll事件**:当滚动条被操作时触发此事件,我们可以在这里编写处理代码。 为了实现循环滚动的效果,我们需要监听`listBox`的`Scroll`事件,并在事件处理程序中实现逻辑: 1. **事件处理**:在`Scroll`事件...

    微信小程序scroll-view仿拼多多横向滑动滚动条

    通过本知识点的介绍,大家可以了解到微信小程序scroll-view组件在实现仿拼多多横向滑动滚动条时的关键属性和方法,并能够根据实际的开发需求进行相应的代码实现。希望本文能够对正在开发微信小程序的朋友们提供有...

    unity 无限循环按钮 Scroll View

    它由三个主要部分组成:Viewport(视口)、Content(内容)和Scrollbar(滚动条)。Viewport是显示内容的区域,Content则是放置所有子对象的地方,而Scrollbar则提供了一个可视化的方式来控制Scroll View的滚动位置...

    jQuery实现返回顶部和底部浮窗特效源码.zip

    在实现返回顶部和底部的功能时,我们通常会在这个函数中初始化相关的事件监听和设置。 返回顶部的效果通常是通过一个按钮来触发,这个按钮在用户滚动页面时出现,当页面滚动到一定距离后,一个名为“回到顶部”的...

    基于jquery的横向滚动条(滑动条)

    在网页设计中,有时...`handleTopSliderStop`和`handleBottomSliderStop`函数用于保持顶部和底部滚动条的值同步。 ```javascript &lt;script type="text/javascript" src="JavaScript/jquery-1.3.2.min.js"&gt;&lt;/script&gt; ...

    jquery轻量级上下(左右)滚动条插件及使用方法.rar

    5. **事件监听**:如果插件支持,你还可以监听滚动事件,比如在滚动到顶部或底部时执行某些操作。 ```javascript $('.scrollable-element').on('scroll', function() { if ($(this).scrollTop() + $(this)....

    手机滚动iscroll

    5. **滚动边界检测**:iscroll会自动处理滚动到列表顶部或底部的边界情况,可以触发相应的回调函数。 6. **弹性滚动效果**:当用户快速滑动后松手,iscroll会有一个回弹效果,模拟真实的物理滚动感觉。 7. **可定制...

    jQuery页面滚动弹出网站在线客服代码

    该事件会在每次滚动条位置改变时触发,然后通过`$(window).scrollTop()`获取当前滚动条距离顶部的距离。如果这个距离超过了预设值,例如页面高度的50%,则触发客服窗口的弹出。 **返回顶部按钮** 返回顶部按钮是一...

    JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析_.docx

    懒加载的核心思想是在页面初始化时不加载所有图片,而是在用户滚动页面时,当图片进入可视区域时才开始加载。以下两种方法可以实现这一功能: 1. JavaScript 懒加载 ```html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; ...

    iscroll开发多层滚动嵌套

    2. **事件处理**:iscroll支持多种事件,如`scrollStart`、`scroll`、`scrollEnd`等,可以监听这些事件来实现自定义的交互逻辑,比如在滚动到顶部或底部时加载更多内容。 3. **嵌套滚动的处理**:iscroll的嵌套意味...

    jquery元素滚动插件

    通过配合使用`$(window).scrollTop()`,我们可以获取当前滚动条的垂直位置,以此来判断元素是否在视口内。例如,如果一个固定的顶部导航栏在滚动到一定位置时需要改变样式,我们可以这样编写代码: ```javascript $...

    图片与JavaScript配合做出个性滚动条

    例如,`#scrollBar`定义了滚动条的整体样式,`#scrollBarHandle`定义了滚动条手柄的样式,而`.scroll_bar_top`和`.scroll_bar_bottom`则分别定义了滚动条顶部和底部的样式。这些类和ID都使用了背景图片的不同部分来...

    jquery循环滚动插件

    - **初始化插件**:在jQuery的`$(document).ready`函数中调用插件方法,并配置参数,如滚动速度、方向等。 ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;title&gt;jQuery循环滚动示例 ...

    MUI Scroll插件的使用详解

    MUI Scroll插件旨在解决Android 4.0以下版本不支持div滚动以及Android 4.0以上版本不显示滚动条的问题。此外,它还解决了iOS平台的事件透传问题,确保在滚动区域内点击事件能够正确响应。 ### **五、总结** MUI ...

    jQuery网站右侧QQ客服下拉显示返回顶部代码.zip

    可以监听页面的滚动事件,例如使用`$(window).scroll()`,然后检查滚动条的位置。当滚动到一定距离时,显示返回顶部的按钮。当用户点击该按钮,使用`$("html, body").animate({ scrollTop: 0 }, "slow")`,让页面...

    UGUI无限滚动列表1

    `OnScrollChange`方法是关键,它会在滚动条位置改变时被调用,根据滚动位置和设定的阈值判断是否触发加载更多。`_rects`和`_views`数组用于存储列表项的 RectTransform 和 GameObject,以便管理和更新。`_...

    docs:BetterScroll 2.x的文档

    1. **初始化**:在使用 BetterScroll 之前,你需要在网页加载完成后初始化它,指定滚动元素并配置相关选项。例如: ```javascript import BScroll from '@better-scroll/core' const bs = new BScroll('.wrapper'...

    jQuery全屏单页滚动代码.zip

    此外,这个模板可能还包括一些额外的特性,比如导航条的固定定位、滚动监听中的视差效果、或者在特定section到达顶部时自动触发某些动画效果。这些功能都需要结合jQuery的事件处理和CSS的样式控制来实现。 总的来说...

Global site tag (gtag.js) - Google Analytics