Scroll to the top of the page using JavaScript/jQuery?

I've a <button> on the page, when this button is pressed a hidden <div> is shown using jQuery. How do I scroll to the top of the page using a JavaScript/jQuery command in that function? It is desirable even if the scroll bar instantly jumps to the top. I'm not looking for a smooth scrolling. If you don't need the change to animate then you don't need to use any s

使用JavaScript / jQuery滚动到页面顶部?

我在页面上有一个<button> ,当按下这个按钮时,使用jQuery显示一个隐藏的<div> 。 如何使用该函数中的JavaScript / jQuery命令滚动到页面的顶部? 即使滚动条立即跳到顶端,也是可取的。 我不是在寻找一个平滑的滚动。 如果你不需要改变动画,那么你不需要使用任何特殊的插件 - 我只是使用本地JavaScript window.scrollTo方法 - 传入0,0将立即滚动页面到左上角立即。 window.scrollTo(x-coord, y-coord);

offsetting an html anchor to adjust for fixed header

This question already has an answer here: Fixed page header overlaps in-page anchors 25 answers You could just use CSS without any javascript. Give your anchor a class: <a class="anchor" id="top"></a> You can then position the anchor an offset higher or lower than where it actually appears on the page, by making it a block element and relatively positioning it. -250px will po

抵消html锚点以调整固定标题

这个问题在这里已经有了答案: 固定页面标题与页内定位符重叠25个答案 你可以在没有任何JavaScript的情况下使用CSS。 给你的主持人上课: <a class="anchor" id="top"></a> 然后,您可以通过将锚点放置在比它实际出现在页面上的位置更高或更低的位置,使其成为块元素并将其定位。 -250px将定位锚点250px a.anchor { display: block; position: relative; top: -250px; visibility: hidden;

Changing HTML With Greasemonkey

I've been searching for a way to change HTML on a website my main problem being it does not have an id tag that I can use to pull it out and change it, using Greasemonkey JavaScript. sorry I left that part out. I am logging the current winner on a server and trying to use JavaScript via Greasemonkey to show the last winning time on the game site. Below is part of the source, in the examp

使用Greasemonkey更改HTML

我一直在寻找一种在网站上更改HTML的方法,我的主要问题是它没有可以使用Greasemonkey JavaScript将其拉出并更改它的id标签。 对不起,我把那一部分留下了。 我在服务器上记录当前的胜利者,并尝试通过Greasemonkey使用JavaScript来显示游戏网站上的最后获胜时间。 以下是源代码的一部分,在下面的示例中,我想在<b>标记之间添加Raiton旁边的当前时间。 <html> <head> Most Recent Winner: <b>Rai

How do I replace all line breaks in a string with <br /> tags?

How can I read the line break from a value with Javascript and replace all the line breaks with br tags? Example: A variable passed from PHP as below: "This is man. Man like dog. Man like to drink. Man is the king." I would like my result to look something like this after the Javascript converts it: "This is man<br /><br />Man like dog.<br />Man like

如何用<br />标签替换字符串中的所有换行符?

如何从Javascript中读取换行符,并用br标签替换所有换行符? 例: 从PHP传递的变量如下所示: "This is man. Man like dog. Man like to drink. Man is the king." 我希望我的结果在Javascript转换后看起来像这样: "This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king." 这将把所有返回转换为html。 str = str.replace(/(?:r

Issues with CORS. Flask <

Starting a new project with a angularjs client app and a flask app providing the api. I'm using mongodb as the database. I had to immediately rule out jsonp since I would need the ability to POST across different ports. So we have localhost:9000 for the angular app and localhost:9001 for the flask app. I went through and made the changed needed for CORS in my API as well as my angular fi

与CORS有关的问题。 烧瓶<

使用angularjs客户端应用程序和提供API的烧瓶应用程序开始一个新项目。 我使用mongodb作为数据库。 我必须立即排除jsonp,因为我需要跨不同端口进行POST的功能。 所以我们有localhost:9000角度的应用程序和本地主机:9001的烧瓶应用程序。 我经历了并在API中进行了CORS所需的更改以及角度文件。 见下面的来源。 我遇到的第一个问题是CORS允许头文件在Chrome中无法识别localhost。 我更新了我的主机文件,所以我可以使用

How do I get the x and y positions of an element in an AngularJS directive

Within the link function part of a directive we have access to the element object. I wish to determine if the element object is within the current viewport / if it is available. I currently have the following: link: function (scope, element, attrs, controller) { var page = angular.element(window); page.bind('scroll', function () { var windo

如何在AngularJS指令中获取元素的x和y位置

在指令的链接函数部分中,我们可以访问element对象。 我希望确定element对象是否在当前视口内/是否可用。 我目前有以下几点: link: function (scope, element, attrs, controller) { var page = angular.element(window); page.bind('scroll', function () { var windowScroll = page[0].pageYOffset, windowHeight = page[0].innerHeight;

how to get the top left x and y coordinate using javascript

我知道我们可以使用clientWidth和clientHeight获取宽度和高度,但是如何找出元素的左上角x和左上角y位置? function findPosX(obj) { var curleft = 0; if(obj.offsetParent) while(1) { curleft += obj.offsetLeft; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.x) curleft += obj.x; return curleft;

如何使用javascript获取左上角的x和y坐标

我知道我们可以使用clientWidth和clientHeight获取宽度和高度,但是如何找出元素的左上角x和左上角y位置? function findPosX(obj) { var curleft = 0; if(obj.offsetParent) while(1) { curleft += obj.offsetLeft; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.x) curleft += obj.x; return curleft;

Get the position of text within an element

If I have an element, for instance: <p>Lorem ipsum dolor sit amet, ante risus massa adipiscing quisque quis. At mauris tellus in, sed vehicula integer fermentum rhoncus at faucibus, in vitae purus. Maecenas in vel ligula orci tellus ac, fringilla conubia lorem elit. Dui nulla sodales morbi vel. Massa sed viverra. Maecenas imperdiet donec urna a, ligula sed</p> And this flowed across

获取元素内文本的位置

如果我有一个元素,例如: <p>Lorem ipsum dolor sit amet, ante risus massa adipiscing quisque quis. At mauris tellus in, sed vehicula integer fermentum rhoncus at faucibus, in vitae purus. Maecenas in vel ligula orci tellus ac, fringilla conubia lorem elit. Dui nulla sodales morbi vel. Massa sed viverra. Maecenas imperdiet donec urna a, ligula sed</p> 并且这流过了多条线路: Lorem ips

How to recalculate x,y coordinates based on screensize

I'm have a heat map application and store I store the x,y coordinates of a click and also the viewport width and height. Real data for 2 clicks: x, y, width, height 433, 343, 1257, 959 331, 823, 1257, 959 The issue is when I resize the screen on the responsive site, the displayed clicks are now all off. I'm coming up empty on my searches but is there a formula or algorithm to re

如何根据屏幕大小重新计算x,y坐标

我有一个热图应用程序和商店,我存储点击的x,y坐标以及视口的宽度和高度。 2次点击的实际数据: x, y, width, height 433, 343, 1257, 959 331, 823, 1257, 959 问题是,当我在响应网站上调整屏幕大小时,显示的点击现在全部关闭。 我在搜索时会空着,但有没有公式或算法来重新计算不同分辨率的x和y坐标。 例如,第一次点击,如果width从1257到990 , height从959到400 ,那么如何重新计算x和y,使它们排列在同一个

JavaScript getBoundingClientRect() changes while scrolling

I want to have the exact distance between the Y-coordinate of an element an the Y-value=0, which I consider as the top of the document. myElement.getBoundingClientRect().top; But the value of getBoundingClientRect() seems to change while scrolling. How can I get the real distance between myElement and the Y-coordinate=0 (top of document)? It is because getBoundingClientRect() gets values wit

滚动时,JavaScript getBoundingClientRect()会更改

我想要一个元素的Y坐标和Y值= 0之间的确切距离,我认为这是文档的顶部。 myElement.getBoundingClientRect().top; 但getBoundingClientRect()的值在滚动时似乎发生了变化。 我怎样才能得到myElement和Y坐标= 0(文档的顶部)之间的真正距离? 这是因为getBoundingClientRect()相对于window (只有页面的当前可见部分)而不是document (整个页面)获取值。 因此,它在计算其值时也需要考虑滚动 基本上, document = w