When it happened to me, I closed the tab and launched again. It fixed it.

I had a similar problem when running Chrome on MacOS. If you know a device width let&#39;s say iPad is 768px width then instead of device choose Responsive and enter 768px for width. After that you should be able to scroll.

In the past I have found touch events to be flaky in chrome dev tools. Turning &quot;Emulate touch screen&quot; off and on again often fixes the problem for me. The page you sent works fine for me on current chrome in mobile emulation mode.

click f5 couple of time and disable and enable  resampling input events.
this works

I decided to update my JDK to Java 8, and installed to the default location of `C:\Program Files\Java\jdk1.8.0` with a `jre` subdirectory.

I wasn&#39;t sure how Android Studio worked out the JDK location, so I decided to launch it and see. I got the following message:

&gt; Failed to complete Gradle execution.
&gt;
&gt; Cause:
&gt; Supplied javaHome is not a valid folder. You supplied: C:\Program Files\Java\jdk1.7.0_45

I updated my JAVA_HOME environment variable (both for system and user) to point to the new path, and tried adding it to my PATH variable as well, but every time I attempt to build in Android Studio I get the same message. The quoted path is nowhere to be found in my environment variables though, so where is it getting it from and how can I change it?

Thanks

Android Studio - supplied javaHome is not a valid folder

Assumptions
-------

 - Using EF 6.1, MVC 5, VS 2013, C#

 - I have an existing database model designed in Toad DM for SQL Server and it&#39;s very important keep it always updated

Steps and Notes
-----

 1. Using ADO.NET Entity Data Model I chose **Code First from Database** (**new feature in EF 6.1**) to generate the models. Note: Model classes and DbContext class generated successfuly but **NO .edmx or .tt file was generated**.

 2. Next I added a new scaffold item: MVC 5 Controllers with views, using Entity Framework. Note: Success, controllers and views generated

Question
--------

From now on I don&#39;t want to use Code First to update my database. Instead I want the models to be updated based on database changes. What to do next? If I don&#39;t have an edmx file will I not be able to update my model classes from the database?

How to sync model after using Code First from Database using Entity Framework 6.1 and MVC 5?

Using Google Chrome&#39;s DevTools Mobile Emulation, it seems that the touch scroll is not working.

See this test: http://codepen.io/dstj/pen/Datcw

Scrolling works on both an iPad 3&#39;s Safari and Android 4.2&#39; Chrome, but does not work in Google DevTools with Touch Screen Emulation.

Another difference I see is that scrollbars appear on DevTools, but not on tablets...

Any ideas why?

Note: Using Chrome Version 33.0.1750.154 m

Chrome DevTools Mobile Emulation scroll not working

Using Google Chrome's DevTools Mobile Emulation, it seems that the touch scroll is not working.
See this test: <a href="http://codepen.io/dstj/pen/Datcw" target="_blank" rel="noopener noreferrer">http://codepen.io/dstj/pen/Datcw</a>
Scrolling works on both an iPad 3's Safari and Android 4.2' Chrome, but does not work in Google DevTools with Touch Screen Emulation.
Another difference I see is that scrollbars appear on DevTools, but not on tablets...
Any ideas why?
Note: Using Chrome Version 33.0.1750.154 m

when I have a web page with a scrollable content. With css property &quot;overflow:auto&quot; or &quot;overflow:visible&quot; the scrollbar is visible on desktop browsers, but when I open the page on mobile browsers the scrollbar appears only when I try to scroll. 
Is there a way to make the scrollbar always visible on mobile devices? I have tried some JQuery libraries but none of them have worked.

The html code is trivial, I have a scrollable div with an IFrame inside:

    &lt;div id=&quot;wrapper&quot;&gt;
        &lt;iframe id=&quot;frameContent&quot; src=&quot;mysite&quot; scrollable=&quot;yes&quot;&gt;&lt;/iframe&gt;
    &lt;/div&gt;

The css:

    #wrapper{
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	    width: 500px;
	    height: 200px;
    }

    #frameContent{
	    width: 100%;
	    height: 100%;
    } 



Make scrollbar visible in mobile browsers

I am coding a page where the first time the user scrolls, it doesn&#39;t actually scroll the page down, instead it adds a class with a transition. 
I&#39;d like to detect when the user is scrolling down, because if he scrolls up, I want it to do something else.
All the methods that I&#39;ve found are based on defining the current body ScrollTop, and then comparing with the body scrollTop after the page scrolls, defining the direction, but since the page doesn&#39;t actually scroll, the body scrollTop() doesn&#39;t change.


	animationIsDone = false;

	function preventScroll(e) {

	    e.preventDefault();
	    e.stopPropagation();
	}

	$(&#39;body&#39;).on(&#39;mousewheel&#39;, function(e) {

	    if (animationIsDone === false) {
	        $(&quot;#main-header&quot;).removeClass(&quot;yellow-overlay&quot;).addClass(&quot;yellow-overlay-darker&quot;);
	        $(&quot;.site-info&quot;).first().addClass(&quot;is-description-visible&quot;);
	        preventScroll(e);

	        setTimeout(function() {
	            animationIsDone = true;
	        }, 1000);

	    }


	});

This is what I have come with, but that way it doesn&#39;t matter the direction I scroll it triggers the event

How to determine scroll direction without actually scrolling

I have a page where a scroll bar containing table rows with divs in them is dynamically generated from the database. Each table row acts like a link, sort of like you&#39;d see on a YouTube playlist next to the video player.

When a user visits the page, the option they are on is supposed to go to the top of the scrolling div. This functionality is working. The issue is that it goes just a tad too far. Like the option they are on is about 10px too high. So, the page is visited, the url is used to identify which option was selected and then scrolls that option to the top of the scrolling div. Note: This is not the scroll bar for the window, it is a div with a scrollbar.

I am using this code to make it move the selected option to the top of the div:

    var pathArray = window.location.pathname.split( &#39;/&#39; );
							
	var el = document.getElementById(pathArray[5]);
							
	el.scrollIntoView(true);


It moves it to the top of the div but about 10 pixels too far up.
Anyone know how to fix that?


scrollIntoView Scrolls just too far

I&#39;m working on a web app that uses `-webkit-overflow-scrolling:touch` in several places to give the overflown divs inertia scrolling.

Since updating to IOS8, `-webkit-overflow-scrolling: touch` stops you being able to scroll whatsoever, and the only way I have been able to fix this so far is by removing `-webkit-overflow-scrolling: touch` which leaves the standard sticky scrolling. Please help!

Here is an example of one of the standard classes that works in iOS5, 6, and 7:

    .dashboardScroll {
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
	    -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
	    -webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
    } 

-webkit-overflow-scrolling: touch; breaks in Apple&#39;s iOS8

I&#39;d like to scroll to the bottom of the RecyclerView list after loading the activity.

    GENERIC_MESSAGE_LIST = (ArrayList) intent.getExtras().getParcelableArrayList(ConversationsAdapter.EXTRA_MESSAGE);
    conversationView = (RecyclerView) findViewById(R.id.list_messages);
    conversationView.setHasFixedSize(true);
    conversationViewLayoutManager = new LinearLayoutManager(this);
    conversationView.setLayoutManager(conversationViewLayoutManager);
    conversationViewAdapter = new ConversationAdapter(GENERIC_MESSAGE_LIST, this);
    conversationView.setAdapter(conversationViewAdapter);

`conversationView.scrollTo(...)` throws an exception about being not supported in RecyclerView, and `conversationView.scrollToPosition(...)` doesn&#39;t seem to do anything.

After the above block of code, I added

    conversationView.scrollToPosition(GENERIC_MESSAGE_LIST.size() + 1)

which doesn&#39;t work. There are 30 elements in `GENERIC_MESSAGE_LIST`.

How to scroll to the bottom of a RecyclerView? scrollToPosition doesn&#39;t work

I have an old web application I have to support (which I did not write).

When I fill out a form and submit then check the &quot;Network&quot; tab in Chrome I see &quot;Request Payload&quot; where I would normally see &quot;Form Data&quot;. What is the difference between the two and when would one be sent instead of the other?

Googled this, but didn&#39;t really find any info explaining this (just people trying to get javascript apps to send &quot;Form Data&quot; instead of &quot;Request Payload&quot;.

What&#39;s the difference between &quot;Request Payload&quot; vs &quot;Form Data&quot; as seen in Chrome dev tools Network tab

I have a website of which I want to copy an HTML code from - **how do I copy all the text in inspect element** - so I don&#39;t get the website&#39;s HTML code, but the code that I have already changed so that I don&#39;t have elements I don&#39;t want in my own webpage?

Copying HTML code in Google Chrome&#39;s inspect element

I&#39;m using Chrome and my own website.

### What I know from the inside:

 **1**) I have a form where people sign up by clicking this orange image-button:

![enter image description here][1]

 **2**) I inspect it, and this is all it is:
`&lt;img class=&quot;formSend&quot; src=&quot;images/botoninscribirse2.png&quot;&gt;`

 **3**)  At the top of the source code, there are tons of script sources. I know which one the button calls because I coded it: `&lt;script src=&quot;js/jquery2.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;`

 **4**)  Within that file, you could find: `$(&quot;.formSend&quot;).click(function() { ... });` which is what is triggered by the button (to do a fairly complex form validation and submit) and **what I want is to be able to find that** using chrome dev tools on any website.

## How can I find out where does the element call?


Listeners tab didn&#39;t work for me. So then I tried looking the click event listeners, which seemed like a safe bet to me but... there&#39;s no `jquery2.js` in there (and I wouldn&#39;t really know which file the code is so I&#39;d waste time checking all these...):

![enter image description here][2]


My `$(&quot;.formSend&quot;).click(function() { ... });` function within `jquery2.js` file is not there.

[Jesse][3] explains **why**:

&gt; *&quot;Finally, the reason why your function is not directly bound to the click event handler is because jQuery returns a function that gets bound. jQuery&#39;s function, in turn, goes through some abstraction layers and checks, and somewhere in there, it executes your function.&quot;*

--------

As suggested by some of you I&#39;ve collected the methods that worked [in one answer down below][4].


  [1]: http://i.stack.imgur.com/U2BoA.png
  [2]: http://i.stack.imgur.com/eUevQ.png
  [3]: https://stackoverflow.com/users/238722/jesse
  [4]: https://stackoverflow.com/a/25818251/2495341

How to find what code is run by a button or element in Chrome using Developer Tools

When I try to use the Chrome Developer Tools, it seems I can no longer view it in a new window.

Is this a bug or was that really an intended change in an update?

How can we open the Chrome Developer Tools in a new window?

Here&#39;s a screenshot of what I&#39;m talking about.

![enter image description here][1]


  [1]: http://i.stack.imgur.com/vl6Xo.png



How to open the Chrome Developer Tools in a new window?

Is there a feature in Google Chrome developer tools that would allow skipping a line without it being executed while debugging, in a similar way that it can be done in Visual Studio?

One workaround I can think of is &#39;live editing&#39; the code by wrapping the line in

    if(false){ //line to be skipped }

But this is not the most convenient workaround that I would have to do after every refresh. **Is there a built-in or faster, better way of doing this?**


Content Type	Original Author	Original Content on Stackoverflow
Question	dstj	View Question on Stackoverflow
Solution 1 - Scroll	King James Enejo	View Answer on Stackoverflow
Solution 2 - Scroll	Dmitry	View Answer on Stackoverflow
Solution 3 - Scroll	user834770	View Answer on Stackoverflow
Solution 4 - Scroll	ashkan naeimi	View Answer on Stackoverflow

Chrome DevTools Mobile Emulation scroll not working

Scroll Problem Overview

Scroll Solutions

Solution 1 - Scroll

Solution 2 - Scroll

Solution 3 - Scroll

Solution 4 - Scroll

How to sync model after using Code First from Database using Entity Framework 6.1 and MVC 5?

Android Studio - supplied javaHome is not a valid folder

Attributions