• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Działanie strony na IE 11

Object Storage Arubacloud
0 głosów
143 wizyt
pytanie zadane 17 lipca 2020 w JavaScript przez creend Gaduła (4,700 p.)
zamknięte 17 lipca 2020 przez creend

Tworzę stronkę działa na "normalnych" przeglądarkach i nie wszystko działa prawidłowo na IE 11. Używam Babela i webpacka. Błąd polega na tym, że przeglądarka nie jest w stanie obsłużyc tych if'ów. Mam jeszcze jeden mniejszy błąd otóż hiperłącza nie działają

 if (scrollPosition + window.innerHeight > $(technology).offset().top) {
      technology.classList.add('my-technologies__technology--scrolled')
 }
 if (scrollPosition > $(partOfPage).offset().top - 50) {
      listOfPageParts[currentPartOfPage].classList.remove('nav__list-item--actual');
      currentPartOfPage = i;
      listOfPageParts[currentPartOfPage].classList.add('nav__list-item--actual');
    }

webpack.config.js

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const autoprefixer = require('autoprefixer');
module.exports = {
  entry: './src/js/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  plugins: [new MiniCssExtractPlugin(),
    new OptimizeCSSAssetsPlugin({
      assetNameRegExp: /\.optimize\.css$/g,
      cssProcessor: require('cssnano'),
      cssProcessorPluginOptions: {
        preset: ['default', {
          discardComments: {
            removeAll: true
          }
        }],
      },
      canPrint: false
    })
  ],
  module: {
    rules: [{
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      },
      {
        test: /\.s[ac]ss$/i,
        use: [MiniCssExtractPlugin.loader,
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              plugins: () => [autoprefixer()]
            }
          },
          'sass-loader'
        ]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
          'file-loader',
        ],
      }
    ]
  }
}

.babelrc:

{
  "presets": [
    ["@babel/env", {
      "targets": {
        "browsers": ["last 2 versions", "ie 11"]
      }
    }]
  ]
}

 

komentarz zamknięcia: Poradziłem sobie sam
komentarz 17 lipca 2020 przez Comandeer Guru (601,110 p.)
Sprecyzuj, co to znaczy "nie działają"? Jest jakiś błąd w konsoli?
komentarz 17 lipca 2020 przez creend Gaduła (4,700 p.)
To, że hiperłącza nie działają znaczy, że po kliknięciu w nie nie przenosi mnie do danej strony.

A z ifami nie ma żadnych błędów w konsoli. Na stronie używam też offset().top w innych przypadkach i tam działa bez zastrzeżeń.
komentarz 17 lipca 2020 przez Comandeer Guru (601,110 p.)
Chyba najłatwiej byłoby to zobaczyć online w takim razie.

Podobne pytania

0 głosów
2 odpowiedzi 216 wizyt
pytanie zadane 2 marca 2020 w HTML i CSS przez Riddick Bywalec (2,600 p.)
+1 głos
1 odpowiedź 173 wizyt
+1 głos
2 odpowiedzi 208 wizyt
pytanie zadane 15 maja 2019 w JavaScript przez Gambr Dyskutant (7,530 p.)

92,566 zapytań

141,420 odpowiedzi

319,604 komentarzy

61,952 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...