blocks|key|786945|text|您可以使用锚点来“聚焦”div。即：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|786946|<div+id="myDiv"></div>|code-block|syntax|javascript|786947|然后使用以下javascript：|786948|//+the+next+line+is+required+to+work+around+a+bug+in+WebKit+(Chrome+/+Safari)
location.href+=+"#";
location.href+=+"#myDiv";|786949|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can use an anchor to &quot;focus&quot; the div. I.e:
<pre><code>&lt;div id=&quot;myDiv&quot;&gt;&lt;/div&gt;
</code></pre>
and then use the following javascript:
<pre class="lang-js prettyprint-override"><code>// the next line is required to work around a bug in WebKit (Chrome / Safari)
location.href = &quot;#&quot;;
location.href = &quot;#myDiv&quot;;
</code></pre>

blocks|key|787029|text|scrollIntoView可以很好地工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787030|document.getElementById("divFirst").scrollIntoView();|code-block|syntax|javascript|787031|MDN文档中的完整参考：|787032|https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView|offset|length|787033|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|1Z|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|W|8|@]|9|@$K|X|L|Y|1|Z]]|A|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|J]]]]

scrollIntoView works well:
<pre><code>document.getElementById(&quot;divFirst&quot;).scrollIntoView();
</code></pre>
full reference in the MDN docs: 
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView</a>

blocks|key|1001417|text|您可以将焦点设置为元素。它比scrollIntoView工作得更好|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1001418|node.setAttribute('tabindex',+'-1')|1001419|node.focus()|1001420|node.removeAttribute('tabindex')|1001421|entityMap^0|E|E|0|0|Z|0|0|C|0|0|W|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|L|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|M|$]]

You can set focus to element. It works better than <code>scrollIntoView</code>

<code>node.setAttribute('tabindex', '-1')</code>

<code>node.focus()</code>

<code>node.removeAttribute('tabindex')</code>

blocks|key|1001247|text|要滚动到给定的元素，只需在下面使用此javascript解决方案即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1001248|简单用法：|1001249|EPPZScrollTo.scrollVerticalToElementById('signup_form',+20);|code-block|syntax|javascript|1001250|Engine对象(您可以摆弄滤镜、fps值)：|1001251|/**
+*
+*+Created+by+Borbás+Geri+on+12/17/13
+*+Copyright+(c)+2013+eppz!+development,+LLC.
+*
+*+Permission+is+hereby+granted,+free+of+charge,+to+any+person+obtaining+a+copy+of+this+software+and+associated+documentation+files+(the+"Software"),+to+deal+in+the+Software+without+restriction,+including+without+limitation+the+rights+to+use,+copy,+modify,+merge,+publish,+distribute,+sublicense,+and/or+sell+copies+of+the+Software,+and+to+permit+persons+to+whom+the+Software+is+furnished+to+do+so,+subject+to+the+following+conditions:
+*+The+above+copyright+notice+and+this+permission+notice+shall+be+included+in+all+copies+or+substantial+portions+of+the+Software.
+*+THE+SOFTWARE+IS+PROVIDED+"AS+IS",+WITHOUT+WARRANTY+OF+ANY+KIND,+EXPRESS+OR+IMPLIED,+INCLUDING+BUT+NOT+LIMITED+TO+THE+WARRANTIES+OF+MERCHANTABILITY,+FITNESS+FOR+A+PARTICULAR+PURPOSE+AND+NONINFRINGEMENT.+IN+NO+EVENT+SHALL+THE+AUTHORS+OR+COPYRIGHT+HOLDERS+BE+LIABLE+FOR+ANY+CLAIM,+DAMAGES+OR+OTHER+LIABILITY,+WHETHER+IN+AN+ACTION+OF+CONTRACT,+TORT+OR+OTHERWISE,+ARISING+FROM,+OUT+OF+OR+IN+CONNECTION+WITH+THE+SOFTWARE+OR+THE+USE+OR+OTHER+DEALINGS+IN+THE+SOFTWARE.
+*
+*/


var+EPPZScrollTo+=
{
++++/**
+++++*+Helpers.
+++++*/
++++documentVerticalScrollPosition:+function()
++++{
++++++++if+(self.pageYOffset)+return+self.pageYOffset;+//+Firefox,+Chrome,+Opera,+Safari.
++++++++if+(document.documentElement+&&+document.documentElement.scrollTop)+return+document.documentElement.scrollTop;+//+Internet+Explorer+6+(standards+mode).
++++++++if+(document.body.scrollTop)+return+document.body.scrollTop;+//+Internet+Explorer+6,+7+and+8.
++++++++return+0;+//+None+of+the+above.
++++},

++++viewportHeight:+function()
++++{+return+(document.compatMode+===+"CSS1Compat")+?+document.documentElement.clientHeight+:+document.body.clientHeight;+},

++++documentHeight:+function()
++++{+return+(document.height+!==+undefined)+?+document.height+:+document.body.offsetHeight;+},

++++documentMaximumScrollPosition:+function()
++++{+return+this.documentHeight()+-+this.viewportHeight();+},

++++elementVerticalClientPositionById:+function(id)
++++{
++++++++var+element+=+document.getElementById(id);
++++++++var+rectangle+=+element.getBoundingClientRect();
++++++++return+rectangle.top;
++++},

++++/**
+++++*+Animation+tick.
+++++*/
++++scrollVerticalTickToPosition:+function(currentPosition,+targetPosition)
++++{
++++++++var+filter+=+0.2;
++++++++var+fps+=+60;
++++++++var+difference+=+parseFloat(targetPosition)+-+parseFloat(currentPosition);

++++++++//+Snap,+then+stop+if+arrived.
++++++++var+arrived+=+(Math.abs(difference)+<=+0.5);
++++++++if+(arrived)
++++++++{
++++++++++++//+Apply+target.
++++++++++++scrollTo(0.0,+targetPosition);
++++++++++++return;
++++++++}

++++++++//+Filtered+position.
++++++++currentPosition+=+(parseFloat(currentPosition)+*+(1.0+-+filter))+%2B+(parseFloat(targetPosition)+*+filter);

++++++++//+Apply+target.
++++++++scrollTo(0.0,+Math.round(currentPosition));

++++++++//+Schedule+next+tick.
++++++++setTimeout("EPPZScrollTo.scrollVerticalTickToPosition("%2BcurrentPosition%2B",+"%2BtargetPosition%2B")",+(1000+/+fps));
++++},

++++/**
+++++*+For+public+use.
+++++*
+++++*+@param+id+The+id+of+the+element+to+scroll+to.
+++++*+@param+padding+Top+padding+to+apply+above+element.
+++++*/
++++scrollVerticalToElementById:+function(id,+padding)
++++{
++++++++var+element+=+document.getElementById(id);
++++++++if+(element+==+null)
++++++++{
++++++++++++console.warn('Cannot+find+element+with+id+\''%2Bid%2B'\'.');
++++++++++++return;
++++++++}

++++++++var+targetPosition+=+this.documentVerticalScrollPosition()+%2B+this.elementVerticalClientPositionById(id)+-+padding;
++++++++var+currentPosition+=+this.documentVerticalScrollPosition();

++++++++//+Clamp.
++++++++var+maximumScrollPosition+=+this.documentMaximumScrollPosition();
++++++++if+(targetPosition+>+maximumScrollPosition)+targetPosition+=+maximumScrollPosition;

++++++++//+Start+animation.
++++++++this.scrollVerticalTickToPosition(currentPosition,+targetPosition);
++++}
};|1001252|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

To scroll to a given element, just made this javascript only solution below.

Simple usage:

<pre><code>EPPZScrollTo.scrollVerticalToElementById('signup_form', 20);
</code></pre>

Engine object (you can fiddle with filter, fps values):

<pre><code>/**
 *
 * Created by Borbás Geri on 12/17/13
 * Copyright (c) 2013 eppz! development, LLC.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 */


var EPPZScrollTo =
{
 /**
 * Helpers.
 */
 documentVerticalScrollPosition: function()
 {
 if (self.pageYOffset) return self.pageYOffset; // Firefox, Chrome, Opera, Safari.
 if (document.documentElement &amp;&amp; document.documentElement.scrollTop) return document.documentElement.scrollTop; // Internet Explorer 6 (standards mode).
 if (document.body.scrollTop) return document.body.scrollTop; // Internet Explorer 6, 7 and 8.
 return 0; // None of the above.
 },

 viewportHeight: function()
 { return (document.compatMode === "CSS1Compat") ? document.documentElement.clientHeight : document.body.clientHeight; },

 documentHeight: function()
 { return (document.height !== undefined) ? document.height : document.body.offsetHeight; },

 documentMaximumScrollPosition: function()
 { return this.documentHeight() - this.viewportHeight(); },

 elementVerticalClientPositionById: function(id)
 {
 var element = document.getElementById(id);
 var rectangle = element.getBoundingClientRect();
 return rectangle.top;
 },

 /**
 * Animation tick.
 */
 scrollVerticalTickToPosition: function(currentPosition, targetPosition)
 {
 var filter = 0.2;
 var fps = 60;
 var difference = parseFloat(targetPosition) - parseFloat(currentPosition);

 // Snap, then stop if arrived.
 var arrived = (Math.abs(difference) &lt;= 0.5);
 if (arrived)
 {
 // Apply target.
 scrollTo(0.0, targetPosition);
 return;
 }

 // Filtered position.
 currentPosition = (parseFloat(currentPosition) * (1.0 - filter)) + (parseFloat(targetPosition) * filter);

 // Apply target.
 scrollTo(0.0, Math.round(currentPosition));

 // Schedule next tick.
 setTimeout("EPPZScrollTo.scrollVerticalTickToPosition("+currentPosition+", "+targetPosition+")", (1000 / fps));
 },

 /**
 * For public use.
 *
 * @param id The id of the element to scroll to.
 * @param padding Top padding to apply above element.
 */
 scrollVerticalToElementById: function(id, padding)
 {
 var element = document.getElementById(id);
 if (element == null)
 {
 console.warn('Cannot find element with id \''+id+'\'.');
 return;
 }

 var targetPosition = this.documentVerticalScrollPosition() + this.elementVerticalClientPositionById(id) - padding;
 var currentPosition = this.documentVerticalScrollPosition();

 // Clamp.
 var maximumScrollPosition = this.documentMaximumScrollPosition();
 if (targetPosition &gt; maximumScrollPosition) targetPosition = maximumScrollPosition;

 // Start animation.
 this.scrollVerticalTickToPosition(currentPosition, targetPosition);
 }
};
</code></pre>

blocks|key|1001402|text|类似于@caveman的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1001403|const+element+=+document.getElementById('theelementsid');

if+(element)+{
++++window.scroll({
++++++++top:+element.scrollTop,
++++++++behavior:+'smooth',
++++})+
}|code-block|syntax|javascript|1001404|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Similar to @caveman's solution

<pre><code>const element = document.getElementById('theelementsid');

if (element) {
 window.scroll({
 top: element.scrollTop,
 behavior: 'smooth',
 }) 
}
</code></pre>

blocks|key|787191|text|我经常使用的一种方法来滚动一个容器到它的内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787192|/**
@param+{HTMLElement}+container+:+element+scrolled.
@param+{HTMLElement}+target+:+element+where+to+scroll.
@param+{number}+[offset]+:+scroll+back+by+offset
*/
var+scrollAt=function(container,target,offset){
++++if(container.contains(target)){
++++++++var+ofs=[0,0];
++++++++var+tmp=target;
++++++++while+(tmp!==container)+{
++++++++++++ofs[0]%2B=tmp.offsetWidth;
++++++++++++ofs[1]%2B=tmp.offsetHeight;
++++++++++++tmp=tmp.parentNode;
++++++++}
++++++++container.scrollTop+=+Math.max(0,ofs[1]-(typeof(offset)==='number'?offset:0));
++++}else{
++++++++throw('scrollAt+Error:+target+not+found+in+container');
++++}
};|code-block|syntax|javascript|787193|如果您希望覆盖全局，您还可以执行以下操作：|787194|HTMLElement.prototype.scrollAt=function(target,offset){
++++if(this.contains(target)){
++++++++var+ofs=[0,0];
++++++++var+tmp=target;
++++++++while+(tmp!==this)+{
++++++++++++ofs[0]%2B=tmp.offsetWidth;
++++++++++++ofs[1]%2B=tmp.offsetHeight;
++++++++++++tmp=tmp.parentNode;
++++++++}
++++++++container.scrollTop+=+Math.max(0,ofs[1]-(typeof(offset)==='number'?offset:0));
++++}else{
++++++++throw('scrollAt+Error:+target+not+found+in+container');
++++}
};|787195|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

A method i often use to scroll a container to its contents.

<pre><code>/**
@param {HTMLElement} container : element scrolled.
@param {HTMLElement} target : element where to scroll.
@param {number} [offset] : scroll back by offset
*/
var scrollAt=function(container,target,offset){
 if(container.contains(target)){
 var ofs=[0,0];
 var tmp=target;
 while (tmp!==container) {
 ofs[0]+=tmp.offsetWidth;
 ofs[1]+=tmp.offsetHeight;
 tmp=tmp.parentNode;
 }
 container.scrollTop = Math.max(0,ofs[1]-(typeof(offset)==='number'?offset:0));
 }else{
 throw('scrollAt Error: target not found in container');
 }
};
</code></pre>

if your whish to override globally, you could also do :

<pre><code>HTMLElement.prototype.scrollAt=function(target,offset){
 if(this.contains(target)){
 var ofs=[0,0];
 var tmp=target;
 while (tmp!==this) {
 ofs[0]+=tmp.offsetWidth;
 ofs[1]+=tmp.offsetHeight;
 tmp=tmp.parentNode;
 }
 container.scrollTop = Math.max(0,ofs[1]-(typeof(offset)==='number'?offset:0));
 }else{
 throw('scrollAt Error: target not found in container');
 }
};
</code></pre>

blocks|key|1001122|text|焦点只能设置在交互元素上...Div只表示页面的一个逻辑部分。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1001123|也许你可以设置div周围的边框或者改变它的颜色来模拟一个焦点。是的，可见性并不是焦点。|1001124|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Focus can be set on interactive elements only... Div only represent a logical section of the page.

Perhaps you can set the borders around div or change it's color to simulate a focus. And yes Visiblity is not focus.

blocks|key|786896|text|我认为如果你添加一个tabindex到你的div中，它将能够获得焦点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|786897|<div+class="divFirst"+tabindex="-1">
</div>|code-block|syntax|javascript|786898|我不认为它是有效的，tabindex只能应用于a、area、button、input、object、select和textarea。但是试一试吧。|786899|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I think that if you add a tabindex to your div, it will be able to get focus:

<pre><code>&lt;div class="divFirst" tabindex="-1"&gt;
&lt;/div&gt;
</code></pre>

I don't think it's valid though, tabindex can be applied only to a, area, button, input, object, select, and textarea. But give it a try.

blocks|key|787215|text|由于“平滑”的行为在Safari，Safari+ios，Explorer中不起作用。我通常使用requestAnimationFrame编写一个简单的函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787216|(function(){
++++var+start;
++++var+startPos+=+0;

++++//Navigation+scroll+page+to+element
++++function+scrollTo(timestamp,+targetTop){
++++++if(!start)+start+=+timestamp
++++++var+runtime+=+timestamp+-+start
++++++var+progress+=+Math.min(runtime+/+700,+1)

++++++window.scroll(0,+startPos+%2B+(targetTop+*+progress)+)

++++++if(progress+>=+1){
++++++++return;
++++++}else+{
++++++++requestAnimationFrame(function(timestamp){
++++++++++++scrollTo(timestamp,+targetTop)
++++++++})
++++++}
+++};

++navElement.addEventListener('click',+function(e){

++++var+target+=+e.target++//or+this+
++++var+targetTop+=+_(target).getBoundingClientRect().top
++++startPos+=+window.scrollY

++++requestAnimationFrame(function(timestamp){
++++++++scrollTo(timestamp,+targetTop)
++++})
++}

})();|code-block|syntax|javascript|787217|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Due to behavior "smooth" doesn't work in Safari, Safari ios, Explorer. I usually write a simple function utilizing requestAnimationFrame

<pre><code>(function(){
 var start;
 var startPos = 0;

 //Navigation scroll page to element
 function scrollTo(timestamp, targetTop){
 if(!start) start = timestamp
 var runtime = timestamp - start
 var progress = Math.min(runtime / 700, 1)

 window.scroll(0, startPos + (targetTop * progress) )

 if(progress &gt;= 1){
 return;
 }else {
 requestAnimationFrame(function(timestamp){
 scrollTo(timestamp, targetTop)
 })
 }
 };

 navElement.addEventListener('click', function(e){

 var target = e.target //or this 
 var targetTop = _(target).getBoundingClientRect().top
 startPos = window.scrollY

 requestAnimationFrame(function(timestamp){
 scrollTo(timestamp, targetTop)
 })
 }

})();
</code></pre>

blocks|key|786925|text|你不能把注意力集中在div上。您只能关注该div中的输入元素。此外，您还需要使用element.focus()而不是display()|type|unstyled|depth|inlineStyleRanges|entityRanges|data|786926|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can't focus on a div. You can only focus on an input element in that div. Also, you need to use element.focus() instead of display()

blocks|key|787274|text|Jquery解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787275|$("#divFirst")[0].scrollIntoView();|code-block|syntax|javascript|787276|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Jquery solution:
<pre><code>$(&quot;#divFirst&quot;)[0].scrollIntoView();
</code></pre>

blocks|key|787060|text|如果你想使用html，你可以使用下面的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787061|a+href="samplewebsite.com/subdivision.html#id|code-block|syntax|javascript|787062|并使其成为到特定元素id的html链接。它基本上是getElementById的html版本。|offset|length|style|CODE|787063|entityMap^0|0|0|P|E|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

In case you want to use html, you could just use this:

<pre><code>a href="samplewebsite.com/subdivision.html#id
</code></pre>

and make it an html link to the specific element id. Its basically <code>getElementById</code> html version.

blocks|key|1001365|text|尝试此函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1001366|function+navigate(divId)+{
$j('html,+body').animate({+scrollTop:+$j("#"%2BdivId).offset().top+},+1500);
}|code-block|syntax|javascript|1001367|将div+id作为参数传递它会起作用我已经在使用它了|1001368|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

try this function 

<pre><code>function navigate(divId) {
$j('html, body').animate({ scrollTop: $j("#"+divId).offset().top }, 1500);
}
</code></pre>

Pass the div id as parameter it will work I am using it already

I am trying to move the page to a <code>&lt;div&gt;</code> element.

I have tried the next code to no avail:

<pre><code>document.getElementById("divFirst").style.visibility = 'visible';
document.getElementById("divFirst").style.display = 'block';
</code></pre>

How do I scroll to an element using JavaScript?

容器

我正在尝试将页面移动到<div>元素。我已经尝试了下一段代码，但没有用：document.getElementById("divFirst").style.visibility = 'visible';document.getElementById("divFirst").style.display = 'block';

问如何使用JavaScript滚动到元素？
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript滚动到元素？EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript滚动到元素？
EN