data-tab is not working properly in internet explorer

web pages not displaying properly internet explorer 11
internet explorer 11 display issues
internet explorer 11 problems loading pages
internet explorer 11 compatibility mode
ie 11 compatibility issues css
ie11 compatibility mode not working
compatibility view settings windows 10
how to change compatibility mode in internet explorer 11

i have 3 tabs in html page, if i click on 2nd tab then click back to 1st tab then it is slightly scrolling up, but if i do same thing from 3rd tab then it is working properly. and it happens only in IE.

<div>
  <div class="myTab">
   <button id="btn1"
    class="custom-tab" data-tab="tabFirst"></button>
   <button id="btn2"
   class="custom-tab" data-tab="tabSecond"></button>
   <button id="btn3"
   class="custom-tab" data-tab="tabThird"></button>
  </div>
</div>

<script>
$(function(){
    $('.custom-tab').on('click',function(){
        someUpdateMethod($(this).attr("data-tab"));
    })
});
</script>

window.scrollTo(0, 0); helps me to solve the problem

Internet Explorer new tab does not display anything., I literally have to right click on whatever link I wish to open, click on "Copy Internet Explorer 8 Is Not Displaying Pages or Opening Links. Hello, After hours of research and trying hundreds of "fixes", I am still having the issue of blank tabs. So, MSN.com, I click on a link and its supposed to open a new tab for that link. When it opens the tab, the tab is blank. I literally have to right click on whatever link I wish to open, clic

you can try this and one more thing internet explorer enable javascript.

    <div id="jsClickable">
      <div class="myTab">
       <button id="btn1"
        class="custom-tab" data-tab="tabFirst"></button>
       <button id="btn2"
       class="custom-tab" data-tab="tabSecond"></button>
       <button id="btn3"
       class="custom-tab" data-tab="tabThird"></button>
      </div>
    </div>

    <script>
     $(document).ready(function () {
    $('#jsClickable').on('click', '.custom-tab', function () {
        // someUpdateMethod($(this).attr("data-tab"));
          alert($(this).attr("data-tab"));
          alert($(this).data("tab"));
    })
});   
    </script>

IE 11 TABS NOT WORKING, This might be caused by a compatibility problem between Internet Explorer and the site you're on. Sometimes this can be fixed by adding the  Open Internet Explorer and select Tools > Internet options. Select the Advanced tab, and then select Reset. In the Reset Internet Explorer settings dialog box, select Reset. When Internet Explorer finishes applying the default settings, select Close > OK. Restart your PC to apply the changes.

Think that you should try: $(this).data("tab")

Fix site display problems with Compatibility View in Internet Explorer , Clear stored browsing history data (in Internet Explorer, Firefox, Chrome, Safari When Internet Explorer 11, 10 or 9 does not properly display web pages or If the "IE Tab 2" does not work as you would like in Firefox on your computer, you  Note: If the cipher strength is anything lower than 128 bit,you know that Internet Explorer is damaged. QuickBooks Desktop process that require encryption from Internet Explorer may not function properly.

Fix Internet Browser Display Issues, Resolve issues with Internet Explorer. Common problems might be that you cannot connect to the Internet, you have slow Internet performance, or no Internet​  Fix Internet Explorer Not Working Or Stopped Working- Step 1: Reset Internet Explorer: Follow the following steps: Click on Start Button Click on Control panel Click on Step 2: Reset Security Zone: By resetting “ Security Settings zone ” in Internet Explorer option. Reset Security Zone Step 3:

HP PCs, You may run into issues with the maturing browser so we provided a We've seen Microsoft Edge shoot well beyond the 3GB point, which After that, select “​choose what to clear” under Clear browser data to You can find the Open with Internet Explorer option at any time on the Edge drop-down menu. 1. Exit all programs, including Internet Explorer (if it is running). 2.If you use Windows Vista, click Start, type the following command in the Start Search box, and then press ENTER: inetcpl.cpl. The Internet Options dialog box appears. 3. Click the Advanced tab. 4. Under Reset Internet Explorer settings, click Reset. Then click Reset again. 5.

Common Microsoft Edge Problems, and How to Fix Them, panel functionality and performance (as well as other integration applications Step 1: Select the Advanced tab, then click Restore Advanced Settings, then click Reset. Reopen the Internet Explorer Settings to continue the troubleshooting: box for Preserve Favorites website data; Select the box for Temporary Internet  Re: Internet Explorer Plugin not working It could be that it is not registered which could happen if the installer didn't have enough privileges. You could try running a command prompt as administrator and then registering the OCX manually. First find where QlikOCX.ocx is located on disk, and then run

Comments
  • Brace yourself, downvotes are coming.... It is not possible for anyone to assist you if you do not include any code to review. Please see idownvotedbecau.se/nocode Take a look at caniuse.com to see Browser compatibility of your css and javascript. Also are there any errors in the console? Are you sure that it only happens in IE?
  • Try this in other browsers and see what happens?
  • I guess data-tab attribute is your custom attribute, right? So whatever problem you have is inside your someUpdateMethod(). Show what you have inside that method. Probably you using some css that is not supported on IE or you using it wrong. From my experience I can say that Chrome and other browsers can "fix" little coding problems, and IE is very strict to parameters and properties.
  • it is working properly in other browser
  • What you want window.scrollTo(0, 0); not working in browser?
  • dude actually when i was clicking on 1st tab then scroll was happening automatically and window.scrollTo(0, 0); helps me to prevent that.
  • And you can use event.preventDefault()
  • Ok, so you want to prevent your scroll issues?
  • @user what you want window.scrollTo(0, 0);?