小编Pet*_*ang的帖子

我试图实现一个滚动函数,其中内部div的CSS从顶部到达某个高度时发生变化.

var $container = $(".inner-div");
var containerTop = $container.offset().top;
var documentTop = $(document).scrollTop();
var wHeight = $(window).height();
var minMaskHeight = 0;
var descriptionMax = 200;
var logoMin = -200;
var maskDelta = descriptionMax - minMaskHeight;
var $jobOverview = $container.find(".right");
var $jobLogo = $container.find(".left");

var curPlacementPer = ((containerTop - documentTop) / wHeight) * 100;
var topMax = 85;
var center = 20;
var bottomMax = -15;

//console.log("Placement: " + curPlacementPer);

function applyChanges(perOpen) {
  var maskHeightChange = maskDelta * (perOpen / 100); …

试图了解我的 GET 请求发生了什么。我使用 node.js 在后端进行了设置。我一开始以为我使用了错误的 .env、url、用户名和密码……但是当我检查 Postman 时，Basic Auth 似乎可以毫无问题地获取 JSON 数据。我使用 AXIOS 错了吗？

这是我的 GET 请求：

let customers;
try {
    let user_res = await axios({
        method: "GET",
        url: "api._____.com/customers",
        auth: {
            username: process.env.USERNAME,
            password: process.env.PASSWORD
        }
    });
    customers = user_res.data;
    console.log(customers);
} catch (err) {
    const error = new HttpError(
        "API failed, please try again.",
        500
    );
    return next(error);
}

错误日志：

API_NAME error Error: connect ECONNREFUSED 127.0.0.1:80
at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1137:16) {
    errno: -61,
    code: 'ECONNREFUSED',
    syscall: 'connect', …

我刚刚下载了 Docker Preview v3.1 https://docs.docker.com/docker-for-mac/apple-m1/并尝试运行 keycloak。

还有其他人遇到这个问题吗？

docker run -p 8080:8080 -e KEYCLOAK_USER=admin -e KEYCLOAK_PASSWORD=admin quay.io/keycloak/keycloak:12.0.4
WARNING: The requested image's platform (linux/amd64) does not match the detected host platform (linux/arm64/v8) and no specific platform was requested

尝试创建全宽的猫头鹰轮播，但是当我在chrome上检查元素时，我一直在.owl阶段看到它：

element.style {
    transform: translate3d(-1872px, 0px, 0px);
    transition: 0s;
    width: 7264px;
    padding-left: 200px;
    padding-right: 200px;
}

element.style {
    transform: translate3d(-1872px, 0px, 0px);
    transition: 0s;
    width: 7264px;
    padding-left: 200px;
    padding-right: 200px;
}

$('.owl-carousel').owlCarousel({
    stagePadding: 200,
    loop:true,
    margin:0,
    singleItem:true,
    nav:true,
    navText: [
        "<i class='fa fa-caret-left'></i>",
        "<i class='fa fa-caret-right'></i>"
    ],
    dots:true,
    // autoplay: true,
    // autoplayHoverPause: true,
    responsive:{
        0:{
            items:1,
            stagePadding: 60
        },
        600:{
            items:1,
            stagePadding: 100
        },
        1000:{
            items:1,
            stagePadding: …