草庐IT

滚动升级

全部标签

javascript - 在不滚动页面的情况下将带有 javascript 的哈希添加到 url?

在不滚动页面的情况下向url添加哈希?使用javascript我打开页面我向下滚动我点击添加散列的链接(可能带有值#test)(例如:http://www.example.com/#test)页面不得滚动回顶部。如何做到这一点?注意:只是检查是否有可能禁用运动,即使有一些带有id="test"的标签到目前为止返回错误;工作正常(支持没有javascript的人),也避免id在html中的存在,但它不是数字之类的问题,如1、2、3(它们无论如何都不允许作为id)所有的答案都很好,没有什么新的或突破性的,也没有关于如何破坏默认功能的解决方案,但它会起作用。:)感谢您花时间回答。

javascript - window.open 不可调整大小,可滚动

我尝试了window.open并希望javascript使用新的url打开一个新的浏览器,并希望新窗口可以调整大小和滚动我试过了window.open("someurl",'_blank','windowOpenTab','scrollbars=1,resizable=1,width=1000,height=580,left=0,top=0');Edit1:尝试了window.open(url,'_blank','windowOpenTab','scrollbars=1,resizable=1,width=1000,height=580,left=0,top=0');仍然没有运气从ht

javascript - 自动从上到下滚动页面,然后返回(并重复)

我正在尝试弄清楚如何在页面加载时自动滚动到页面底部(已充分描述here),然后在到达页面底部时自动向上滚动。我可以找到自动滚动到底部的功能,但我不知道如何识别我何时位于页面底部,以及如何在我位于页面底部时向上滚动。我会使用通用Javascript(或JQuery)来执行此操作。提前致谢! 最佳答案 试试这个:http://jsfiddle.net/yjYJ4/$('html,body').animate({scrollTop:$(document).height()-$(window).height()},1000,function

javascript - React Native 无限滚动

我试图获得无限滚动的最小示例。所以我有这个:varReact=require('react-native');var{StyleSheet,View,Image,ListView,}=React;vardata=[{"id":1,"profile_picture":{"href":"//like1.r.worldssl.net/ui_big/1305634.jpg"}},{"id":2,"profile_picture":{"href":"//like1.r.worldssl.net/ui_big/1305634.jpg"}},{"id":3,"profile_picture":{"h

javascript - 单击按钮时如何滚动到顶部?

我在页面上有一个按钮,我希望当它被点击时,页面滚动到0位置。HTMLBacktotopj查询$(document).scroll(function(){varscroll_pos=$(window).scrollTop()if(scroll_pos>10){$('#button').click(function(){//whatcodetoenterhere??});}}); 最佳答案 试试这段代码:$("#button").on("click",function(){$("body").scrollTop(0);});on方法将c

javascript - Angular JS。如何禁用自动滚动到我的页面顶部

请告诉我,如何禁用自动到页面顶部?如果我使用哈希导航:Gotoindex我的页面显示在顶部,但如果我使用AngularJS:HTML:GotoindexJS:$routeProvider.when('/index',{template:'...',controller:'RouteCtrl'})我的页面滚动到顶部。我怎样才能禁用它? 最佳答案 我觉得你的普通href有点奇怪不滚动并且ng-href卷轴,我还以为是相反的……但是,对于解决方案;滚动哈希更改取决于浏览器,因此通常要禁用它,您需要拦截和preventDefault()事件

javascript - 如何在 AngularJS 指令中的元素上绑定(bind)滚动事件

如何在AngularJS指令中的元素上绑定(bind)滚动事件?我在$window上绑定(bind)滚动条,但现在我需要将其更改为此类“.body-wrapper”(angular.element(document.queryselector(.body-wrapper))不起作用)。有什么想法吗?angular.element($window).bind("scroll",function(){...}) 最佳答案 没有理由它不应该工作。这个简单的例子表明它确实如此-varapp=angular.module('plunker',

STM32 10个工程篇:1.IAP远程升级(二)

    一直提醒自己要更新CSDN博客,但是确实这段时间到了一个项目的关键节点,杂七杂八的事情突然就一涌而至。STM32、FPGA下位机代码和对应Labview的IAP升级助手、波形设置助手上位机代码笔者已经调试通过,因为不想去水博客、凑数量,复制粘贴炒冷饭,所以导致整体上更新得比较慢。    一方面需要组织好语言描述、搭配好图片说明、安排好篇幅章节,另一方面对于比较重要的东西写完以后还会修改精炼,可能这就是CSDN排名上不去的原因,各方面原因导致有时候不能每周都保证更新一篇当然会尽力做到周更,往往一周没更新则需要几周连更才能回到之前的排名吧。    回归主题不管是撰写什么样的技术博客,笔者都

javascript - 如何禁用页面的滚动条?

如何禁用页面的滚动条。并禁用此按钮。 最佳答案 滚动条是一个CSS问题。您可以将其添加到您的页面(或CSS文件的内部部分):html,body{overflow:hidden;} 关于javascript-如何禁用页面的滚动条?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3611379/

javascript - IFrame 中 ExtJS 5 应用程序的滚动问题

你好,这是我的测试页面的样子:蓝色区域是父页面,绿色区域是运行ExtJS应用程序的IFrame(内部带有标签的简单视口(viewport))。如果网站在触摸设备(iPad、Android平板电脑等)上运行,则无法通过在IFrame(绿色区域)上“删除”来滚动页面。必须删除蓝色区域才能滚动页面。这在ExtJSv4.2.1中一直正常工作(见下面的链接)。测试站点:https://skaface.leo.uberspace.de/ScrollTest/Ext510/(未按预期工作,使用ExtJSv5.1.1)https://skaface.leo.uberspace.de/ScrollTes