Faire défilé horizontalement a partir d'un élement du dom

Salut tout le monde, voila j'ai un petit probleme j'ai un petit niveau en javascript et je voudrais que la page de mon portfolio défilement horizontalemen a partir d'un endroit du dom comment dois je m'y prend c'est un peut compliquer de tout mettre ce que j'ai fais dc voici mon portfolio:
https://portfolio-rdw.000webhostapp.com/
pour que vous voyer ce que je veux mais je veux le faire en javascript vanilla surtt pas de jquerry ou autres et voici le code css pour reussir a faire cela:

#container .box {
    width: 100vw;
    height: 100vh;
    display: inline-block;
    position: relative;
}

#container .box>div {
    width: 100px;
    height: 100px;
    font-size: 96px;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    line-height: .7;
    font-weight: bold;
}

#container {
    overflow-y: scroll;
    overflow-x: hidden;
    transform: rotate(270deg) translateX(-100%);
    transform-origin: top left;
    background-color: #999;
    position: absolute;
    width: 100vh;
    height: 100vw;
}

#container2 {
    transform: rotate(90deg) translateY(-100vh);
    transform-origin: top left;
    white-space: nowrap;
    font-size: 0;
}

.one {
    background-color: #45CCFF;
}

.two {
    background-color: #49E83E;
}

.three {
    background-color: #EDDE05;
}

.four {
    background-color: #E84B30;
}

J'ai poser une colle ou bien?!!!